| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Gast
|
Diashow |
|
|
Hallo,
habe mir eine Diashow zusammengebastelt.
Es funktioniert aber nur wenn keine anderen Bilder auf der Seite sind, selbst wenn die Diashow in einem Inlineframe ist. Ansonsten spielt sich die Diashow nicht im vorgegebenen Rahmen ab, sondern anstelle des Bildes.
Gibt es da eine Lösung?
Hier ist der Code:
<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "_fotos/bildlauf/gesamt05.jpg";
b[1] = new Image(); b[1].src = "_fotos/bildlauf/fotosr5.jpg";
b[2] = new Image(); b[2].src = "_fotos/bildlauf/kleinegarde.jpg";
b[3] = new Image(); b[3].src = "_fotos/bildlauf/elferrat1929.jpg";
b[4] = new Image(); b[4].src = "_fotos/bildlauf/karneval07_098.jpg";
b[5] = new Image(); b[5].src = "_fotos/bildlauf/fanfarencorps.jpg";
b[6] = new Image(); b[6].src = "_fotos/bildlauf/garde.jpg";
b[7] = new Image(); b[7].src = "_fotos/bildlauf/brasil.jpg";
b[8] = new Image(); b[8].src = "_fotos/bildlauf/DSC02050.jpg";
b[9] = new Image(); b[9].src = "_fotos/bildlauf/tuf.jpg";
b[10] = new Image(); b[10].src = "_fotos/bildlauf/spaetlese2.jpg";
b[11] = new Image(); b[11].src = "_fotos/bildlauf/gemein3.jpg";
b[12] = new Image(); b[12].src = "_fotos/bildlauf/loewenverantwortung.jpg";
b[13] = new Image(); b[13].src = "_fotos/bildlauf/piraten.jpg";
b[14] = new Image(); b[14].src = "_fotos/bildlauf/wagen.jpg";
b[15] = new Image(); b[15].src = "_fotos/bildlauf/schweintango.jpg";
var i = 0;
function Animation () {
if (i > 15)
i = 0;
document.images[0].src = b[i].src;
i = i + 1;
window.setTimeout("Animation()", 3000);
}
window.setTimeout("Animation()", 1000);
</script>
Danke schonmal :-)
Claudia |
|
|
|
| 17 Feb 2008 22:20 |
|
  |
Werner Homepage-Total.de Moderator

|
 |
|
|
Der Fehler liegt bei " document.images[0].src = b[i].src; " hier wird das erste Bild auf der Seite durch die Diashow ersetzt!
Entweder du änderst die Zahl in images[0].src durch 1, 2, 3 u.s.w. bis das gewünschte Bild dort erscheint wo du es haben willst, oder du verwendest folgendes JS:
| Code: | <script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "_fotos/bildlauf/gesamt05.jpg";
b[1] = new Image(); b[1].src = "_fotos/bildlauf/fotosr5.jpg";
b[2] = new Image(); b[2].src = "_fotos/bildlauf/kleinegarde.jpg";
b[3] = new Image(); b[3].src = "_fotos/bildlauf/elferrat1929.jpg";
b[4] = new Image(); b[4].src = "_fotos/bildlauf/karneval07_098.jpg";
b[5] = new Image(); b[5].src = "_fotos/bildlauf/fanfarencorps.jpg";
b[6] = new Image(); b[6].src = "_fotos/bildlauf/garde.jpg";
b[7] = new Image(); b[7].src = "_fotos/bildlauf/brasil.jpg";
b[8] = new Image(); b[8].src = "_fotos/bildlauf/DSC02050.jpg";
b[9] = new Image(); b[9].src = "_fotos/bildlauf/tuf.jpg";
b[10] = new Image(); b[10].src = "_fotos/bildlauf/spaetlese2.jpg";
b[11] = new Image(); b[11].src = "_fotos/bildlauf/gemein3.jpg";
b[12] = new Image(); b[12].src = "_fotos/bildlauf/loewenverantwortung.jpg";
b[13] = new Image(); b[13].src = "_fotos/bildlauf/piraten.jpg";
b[14] = new Image(); b[14].src = "_fotos/bildlauf/wagen.jpg";
b[15] = new Image(); b[15].src = "_fotos/bildlauf/schweintango.jpg";
var i = 0;
function Animation () {
if (i > 15)
i = 0;
document.images.dummy.src = b[i].src;
i = i + 1;
window.setTimeout("Animation()", 3000);
}
window.setTimeout("Animation()", 1000);
</script>
<img name='dummy'> |
|
_________________ Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 18 Feb 2008 22:32 |
|
 |
Gast
|
 |
|
|
| Ein super dickes Dankeschön :-) |
|
|
|
| 19 Feb 2008 12:34 |
|
 |
Matthias Gast
|
|
| 17 März 2008 23:06 |
|
 |
|