Thema: Slideshow
Einzelnen Beitrag anzeigen
  #1  
Alt 23.09.2013, 11:53:16
ChristinaT ChristinaT ist offline
Anfänger
 
Registriert seit: Sep 2013
Alter: 28
Beiträge: 2
Slideshow

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
Mit Zitat antworten