Türsystem 24 - Galerie
http://demo.dermedienwuerfel.de/tuer...ts/rundgang.js
und falls das mit dem Öffnen des Skriptes nicht klappt, hier der Code:
PHP-Code:
// JavaScript Document
function initPage() {
// tablinks setzen
var tabs = document.getElementById("tabbar").getElementsByTagName("span");
for(var i=0 ; i<tabs.length; i++) {
tabs[i].onclick = function() {
setActive(this);
}
}
// imglinks setzen
var imgs = document.getElementById("rundgang").getElementsByTagName("li");
for(var i=0; i<imgs.length; i++) {
imgs[i].onclick = function() {
showImage(this);
}
}
}
function showImage(thumbref) {
var imgsrc = thumbref.getAttributeNode("class").value;
var pfad = "images/gallery/";
var endung = ".jpg";
var temp = pfad.concat(imgsrc);
var img = temp.concat(endung);
document.getElementById("large_img").src = img;
if (thumbref.childNodes[1].nodeName == "SPAN") {
var txt = thumbref.childNodes[1].firstChild.nodeValue;
} else {
var txt = "";
}
document.getElementById("beschreibung").firstChild.data = txt;
}
function setActive(tabref) {
var tabs = document.getElementById("tabbar").getElementsByTagName("span");
for(var i=0; i<tabs.length; i++) {
var curTab = tabs[i];
// inaktive tabs
if(curTab != tabref) {
curTab.className = curTab.className.replace("tab_active","");
}
// ausgewaehlten tab einblenden
else
{
curTab.className = "tab tab_active";
var listref = curTab.getAttribute("listref");
var allPages = document.getElementById("rundgang").getElementsByTagName("ul");
for(var el=0; el<allPages.length; el++) {
var curPage = allPages[el];
var curPageRef = curPage.getAttribute("ref");
// andere Liste(n) ausblenden
if(curPageRef != listref) {
curPage.className = "list_inactive";
}
// angewhlte Liste einblenden
else
{
curPage.className = curPage.className.replace("list_inactive","");
}
}
}
}
}