• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Slideshow endlos laufen lassen

A

Avalarion

Neues Mitglied
Hallo,

ich erstelle momentan eine Website und möchte dafür eine automatische und endlose Slideshow als Titelbild haben. Ich bin mittlerweile dank SelfHTML so weit, dass die Slideshow automatsich läuft, aber immer beim letzten Bild aufhört. Damit der Beitrag nicht zu lang wird, hab ich das Script mal in der "Script1.txt" angehängt.

Nun hab ich auf SelfHTML weiter gelesen, und dort noch einen Beitrag gefunden, mit dem sich die Sliedshow wiederhohlen soll. Das Script habe ich entsprechend angepasst (Angepasste Version: Script2.txt), jedoch passiert nun gar nichts mehr. Es wird nur noch das eine Titelbild angezeigt, das im Body-Bereich eingegeben ist.

Die Self-HTML Beiträge:
Script 1: http://aktuell.de.selfhtml.org/artikel/javascript/fader-framework/bilderslideshow.htm#slideshow
Script 2: http://aktuell.de.selfhtml.org/arti...ework/geaenderter_ansatz.htm#endlos_slideshow

Weis jemand von Euch, was ich bei Script 1 oder Script 2 ändern muss, damit das ganze funktioniert? Wie gesagt, bei Script 1 geht alles, außer die Wiederhohlung, bei Script 2 passiert gar nichts.

Gruß
Avalarion
 

Anhänge

Du hast in den Einstellungen im Script2 diese ID angegeben: id: "slideshow". Gibt es ein Element mit dieser ID im body?
 
<img src="Bilder/Header.png" alt="" id="slideshow">
Das ist die Stelle, an der dann das Titelbild zusehen sein soll. Oder muss ich im <body>-Tag noch etwas ergänzen mit der ID?
 
Ich hab mal den Seitenquelltext 1:1 übernommen und die Pfade zu meinen Bildern angepasst, aber es passiert nichts.
Das starten wird eigentlich in beiden Scripten im <body>-Tag übernommen.
 
Ich hab's mal ausprobiert: In Script2.txt ist noch ein Fehler. Es muss heißen:
Code: 
  function Fader(einstellungen) {
  if (!einstellungen.id || !document.getElementById(einstellungen.id)
  || einstellungen.images.length < 2) {

  return new Boolean(false);
  }

  var i, original = document.getElementById(einstellungen.id);
  this.id = einstellungen.id; // Hier war der Fehler: this.id = id geht nicht
Außerdem musst Du noch folgendes für das Starten notieren:
Code: 
window.onload = function () { erstelleFader(); window.meine_slideshow.next(); }
Bei mir funktioniert es dann.
 
Schon mal danke für Deine Hilfe, aber wo genau muss ich das für das Starten hinschreiben? Wenn ich es in den <Body>-Tag setze, passiert immer noch nichts.
 
Nein, nicht in den body-Tag. Innerhalb der script-Tags ganz unten:
Code: 
<script type="text/javascript">
function Fader(einstellungen) {
if (!einstellungen.id || !document.getElementById(einstellungen.id)
|| einstellungen.images.length < 2) {

return new Boolean(false);
}

var i, original = document.getElementById(einstellungen.id);
this.id = einstellungen.id;

// usw.

window.onload = function () { erstelleFader(); window.meine_slideshow.next(); }
</script>
 
Zuletzt bearbeitet von einem Moderator:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben