HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Probleme mit der Slideshow

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Probleme mit der Slideshow

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
kala225



Anmeldungsdatum: 04.05.2009
Beiträge: 2

BeitragVerfasst am: 04.05.2009 16:09:18    Titel: Probleme mit der Slideshow Antworten mit Zitat

Hallo,
ich habe da mal ne Frage zum Thema slideshow.
Ich habe auf einer Internetseite den Code für eine slideshow eingefügt direkt unter der Grafik (Bild1) wo ich die slideshow laufen lassen will, die Grafik selber habe ich in der slideshow an letzter Position im Code auch reingeschriegen. Die Show klappt auch, nur das Sie nicht an der Position der Grafik (Bild1) ausgeführt wird sondern dort wo die Grafik meines Logos platziert ist.
Kann mir einer sagen was ich falsch gemacht habe?
Oder wird die Slideshow immer an der Position der ersten Grafik auf eier HP ausgeführt?

Code:

<td>
               <img border="0" src="slideshow/Bild1.JPG" width="394" height="283">
               <script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "slideshow/Bild2.JPG";
b[1] = new Image(); b[1].src = "slideshow/Bild3.JPG";
b[2] = new Image(); b[2].src = "slideshow/Bild4.JPG";
b[3] = new Image(); b[3].src = "slideshow/Bild1.JPG";
var i = 0;
function Animation () {
  if (i > 3)
    i = 0;
  document.images[0].src = b[i].src;
  i = i + 1;
  window.setTimeout("Animation()", 2000);
}

window.setTimeout("Animation()", 500);
</script>

               
               </td>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 04.05.2009 19:41:10    Titel: Re: Probleme mit der Slideshow Antworten mit Zitat

Gib deinem Bild eine ID und sprich es darüber an. Du hattest es über images[0] angesprochen, was das erste Bild auf der ganzen Seite ist; Und offensichtlich nicht gewollt.

Code:
im HTML:
<img id="blub" />

in JS:
document.getElementById('blub').src = ...



Anstelle von i = i+1; kannst du auch i++ schreiben.

Daraus folgt:

Code:

<td>
               <img border="0" src="slideshow/Bild1.JPG" width="394" height="283" id="austauschBild">
               <script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "slideshow/Bild2.JPG";
b[1] = new Image(); b[1].src = "slideshow/Bild3.JPG";
b[2] = new Image(); b[2].src = "slideshow/Bild4.JPG";
b[3] = new Image(); b[3].src = "slideshow/Bild1.JPG";
var i = 0;
function Animation () {
  if (i >= b.length)
    i = 0;
  document.getElementById("austauschBild").src = b[i++].src;
  window.setTimeout("Animation()", 2000);
}

window.setTimeout("Animation()", 500);
</script>

               
               </td>


MfG Hase[/code]
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
kala225



Anmeldungsdatum: 04.05.2009
Beiträge: 2

BeitragVerfasst am: 06.05.2009 10:25:50    Titel: Antworten mit Zitat

Hallo,

vielen dank für die schnelle Hilfe,
habs gleich ausprobiert und hat geklappt.
Danke!!!
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.