Hallo,
ich möchte mit einem Menü zwischen verschiedenen Slideshows hin und her schalten diese Slideshows enthalten Bilder aus verschiedenen Fotografischen Bereichen. Gleichzeitig soll natürlich noch die Schaltfläche ‚active‘ geschaltet werden auf die man klickt. Dies passiert bei mir im CSS durch die Zuordnung zu der Klasse ‚active‘.
In diesem fall ist die ‚fash_slideshow‘ { visibitlity:hidden;} beim auf ruf der Seite.
Dazu nutze ich folgenden JS:
function menschen_visi (idTag){
var portait = document.getElementById(port_slideshow);
var fashion = document.getElementById(fash_slideshow);
if (document.getElementById(idTag) == portait){
portait.style.visibility = „visible“;
fashion.style.display = „hidden“;
document.getElementById(portait_link).className = „active“;
document.getElementById(fashion_link).className = „“;
}
if (document.getElementById(idTag) == fashion){
portait.style.display = „hidden“;
fashion.style.display = „visible“;
document.getElementById(portait_link).className = „“;
document.getElementById(fashion_link).className = „active“;
}
}
Und das dazu gehörige schnipplsel aus der HTML-Datei habe sämtliche weggelassen, wegen der ‚Darstellung‘:
nav id=„second-nav“
ul
li h4 Menschen /h4 /li
li id=„portait_link“ class=„active“ a href="#none" onclick=„menschen_visi(‚port_slideshow‘)“ Portait /a /li
li id=„fashion_link“ a href="#none" onclick=„menschen_visi(‚fash_slideshow‘)“ Fashion /a /li
/ul
/nav