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

Bildervorschau

Status
Für weitere Antworten geschlossen.

Janbera

Neues Mitglied
Hi!

Könnte mir jemand erklären, wie man eine Bildervorschau mit HTML hinkriegt?
Auf einer ganz bestimmten Stelle im Dokument sollen alle 4 Sekunden die Bilder wechseln.

Würde mich sehr freuen, wenn sich jemand die Mühe machen würde! 8)
 
Mit HTML garnicht, denn HTML ist nur für die Semantik deines Inhaltes zuständig.

Wechselnde Bilder wären mit Javascript zu realisieren, funktioniert natürlich nur, wenn es auch aktiviert ist.
 
Flash

Du Köntest es auch mit flash Realiesieren habe mal irgendwo so was gesehen ich suche dir das raus und poste dir das gleich
 
also so sieht mein Quelltest aus

<img src="image002.jpg" width="80%">1. Bild das angezeigt wird (Dateigröße darf im 1. Bild nicht zu groß sein sonst funktioniert´s nicht)
<script type="text/javascript">
var b = new Array();
b[0] = new Image(); b[0].src = "http://***/***/img0.jpg"; 2. Bild
b[1] = new Image(); b[1].src = "http://***/***/img1.jpg"; 3. Bild
b[2] = new Image(); b[2].src = "http://***/***/img2.jpg"; ...
b[3] = new Image(); b[3].src = "http://***/***/img3.jpg";
b[4] = new Image(); b[4].src = "http://***/***/img4.jpg";
b[5] = new Image(); b[5].src = "http://***/***/img5.jpg";
b[6] = new Image(); b[6].src = "http://***/***/img6.jpg";
b[7] = new Image(); b[7].src = "http://***/***/img7.jpg";
b[8] = new Image(); b[8].src = "http://***/***/img8.jpg";
b[9] = new Image(); b[9].src = "http://***/***/img9.jpg";
b[10] = new Image(); b[10].src = "http://***/***/img10.jpg";
b[11] = new Image(); b[11].src = "http://***/***/img11.jpg";
var i = 0;
function Animation () {
if (i > 11) = b[11] (größte Zahl)
i = 0;
document.images[0].src = b.src;
i = i + 1;
window.setTimeout("Animation()", 4000); Zeit in tausenstel Sek.
}
window.setTimeout("Animation()", 4000); Zeit in tausenstel Sek.
</script>

Ich hoffe ich hab damit weiterhelfen können. Einfach soviele Bilder wie benötigt einfügen und dann sollte es funktionieren
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben