:: Buchempfehlung ::

ChristinaT · #1 23.09.2013, 10:53:16

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

**vt1816** · #2 23.09.2013, 11:36:40

Hallo und willkommen hier im Forum.

Zitat:

Zitat von ChristinaT

[..] Gibt es eine gute Möglichkeit (vlt mit include) diese Slideshow so zu programmieren dass sie auch bei den unterseiten erscheint?

Ja - packe den Code in eine eigene Datei und rufe sie - wie von Dir schon vermutet - per

PHP-Code:


			
include 'dateiname.php';

auf.

ChristinaT · #3 23.09.2013, 11:41:21

danke aber das einbinden mit include funktioniert irgendwie nicht, weil ich kann ja nich den css code gemeinsam mit dem javascript code in eine datei schreiben oder?

**vt1816** · #4 23.09.2013, 11:44:47

Zitat:

Zitat von ChristinaT

danke aber das einbinden mit include funktioniert irgendwie nicht, weil ich kann ja nich den css code gemeinsam mit dem javascript code in eine datei schreiben oder?

Kannst schon. Wüdre aber die zentral gespeicherte CSS-Datei auch extra per include einbinden.

:: Buchempfehlung ::

:: Anbieterverzeichnis ::

Globale Branchen

Informieren Sie sich über ausgewählte Unternehmen im Anbieterverzeichnis von SELFPHP

:: Newsletter ::

Abonnieren Sie hier den kostenlosen SELFPHP Newsletter!