Diashow


 
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Grafik- & Webdesign
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Gast


BeitragDiashow Antworten mit Zitat

axinio Internet Marketing
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

Beitrag Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Gast


Beitrag Antworten mit Zitat

Ein super dickes Dankeschön :-)
19 Feb 2008 12:34
Matthias
Gast

Beitrag Antworten mit Zitat

ich habe da auch eine bildergallerie entwickelt, wem gefällts kann se haben, ich poste bald den code.
ich muss aber erwähnen, dass dies auf die von werner und homepage-total bezieht
http://matze93.bplaced.net/Bildergallerie/index.html[/code]
17 März 2008 23:06
axinio Internet Marketing
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    Webmaster Forum -> Hilfe für Webmaster -> Grafik- & Webdesign Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  

Ähnliche Beiträge
Thema Webmaster Forum Antw. Autor Verfasst am
Keine neuen Beiträge Zwei verschiedene Diashow anzeigen Javascript 2 Gast 19 März 2011 12:55 Letzten Beitrag anzeigen
Keine neuen Beiträge Diashow: Bilder mit unterschiedlichen... Javascript 2 benito 13 Feb 2011 12:57 Letzten Beitrag anzeigen
Keine neuen Beiträge Diashow PHP / MySQL 1 Max 12 Jun 2010 17:47 Letzten Beitrag anzeigen
Keine neuen Beiträge Bildgrößenanzeige in Diashow mit PHP ... Hilfe für Webmaster 1 red-nose 13 Mai 2010 17:58 Letzten Beitrag anzeigen
Keine neuen Beiträge startbild festlegen bei diashow PHP / MySQL 4 birgit? 07 Feb 2007 10:57 Letzten Beitrag anzeigen