|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
kala225
Anmeldungsdatum: 04.05.2009 Beiträge: 2
|
Verfasst am: 04.05.2009 16:09:18 Titel: Probleme mit der Slideshow |
|
|
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 |
|
|
Kambfhase Häufiger Poster
Anmeldungsdatum: 19.03.2006 Beiträge: 235
|
Verfasst am: 04.05.2009 19:41:10 Titel: Re: Probleme mit der Slideshow |
|
|
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 |
|
|
kala225
Anmeldungsdatum: 04.05.2009 Beiträge: 2
|
Verfasst am: 06.05.2009 10:25:50 Titel: |
|
|
Hallo,
vielen dank für die schnelle Hilfe,
habs gleich ausprobiert und hat geklappt.
Danke!!! |
|
Nach oben |
|
|
|
|
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.
|
|
|
|