Guten Tag!
Ich habe ein Problem. Habe gerade eine Slideshow mit javascript in meiner Index Datei erstellt. Der Code:
HTML-Code:
<script type="text/javascript">
var imgs = undefined; // wird bei next() gesetzt
var counter = 1;
var oldcounter = 0;
function fade(step) {
step = step || 0;
// console.log("Step "+step+" for"+counter);
if(oldcounter != -1) {
imgs[oldcounter].style.opacity = (1-step/100);
imgs[oldcounter].style.filter = "alpha(opacity=" + (1-step/100) + ")"; //
}
imgs[counter].style.opacity = step/100;
imgs[counter].style.filter = "alpha(opacity=" + (step/100) + ")"; //
step = step + 2;
if (step <= 100) {
window.setTimeout(function () { fade(step); }, 25); // 25
} else {
window.setTimeout(next, 3000);
}
}
function next() {
console.log("Starte Slideshow...");
imgs = document.getElementById("meinFader").getElementsByTagName("img");
if (typeof(counter) != "number") {
counter = 0;
}
if(counter != -1) {
oldcounter = counter;
}
counter++;
step = 0;
if(counter >= imgs.length) counter = 0;
fade(0);
console.log("Nächstes Bild #"+counter);
};
</script>
</head>
<body onLoad="next();">
<p id="meinFader">
<img src="images/bg01.jpg" class="next">
<img src="images/bg02.jpg" alt="" class="next">
<img src="images//bg03.jpg" alt="" class="next">
<img src="images/bg04.jpg" alt="" class="next">
<img src="images/bg05.jpg" alt="" class="next">
</p>
Weiters habe ich natürlich die Formatierungen dazu in Css erledigt. Mein Problem ist nun dass die Slideshow (was mir auch logisch erscheint) nur in der Home Seite anzeigt wird und nicht bei den Unterseiten. Mit ist klar warum weil ich den Code ja nur in die Index datei geschieben habe. Gibt es eine gute Möglichkeit (vlt mit include) diese Slideshow so zu programmieren dass sie auch bei den unterseiten erscheint?
Ich bin ein ziemlicher Anfänger muss die Webseite aber so gut und so proffensionell wie möglich gestalten, da es ein Abiprojekt ist
Vielen Dank im Voraus