[JavaScript] Bilderwechsel-Script als Gif-Alternative?

bitfunker · 1. Juni 2004

Hi, Folks!
Ein Bekannter hat eine kleine Website mit einem Bereich, den er mit wechslenden Bannern dekorieren will.
Gesucht ist ein Java-Script, mit dem man Bilder ähnlich wie bei einer Gif-Animation durchlaufen lassen kann. Ich dachte an etwas mit "onload" in einer Endlosschleife.

Flash fällt aus, weil zu komplizert. Gif ist wg. Bildqualität ungeeignet.

oDeM · 1. Juni 2004

Jo was du mchen kannst is ne Funktion die eben wie gesagt onload geladen wird und mit nem Timeout von ... k.A. 5 Sekunden immer wieder aufgerufen wird und dabei eben aus nem array von bildern per zufall eins ausliest und dann ausgibt...

bitfunker · 1. Juni 2004

Danke! Und wie sieht das Skript aus (ohne Zufallsfunktion, bitte!). Bins elbst nicht so der Fisch, was Js angeht.

migl · 3. Juni 2004

So, ich hab mal nen kleinen Bildwechsler ohne Zufallsfunktion geschrieben:

HTML:

<html>
<head>
	<title></title>
	<script type="text/javascript">
	<!--
	var i=0;
	
	function wechseln(){
		clearTimeout(timer);
		var banner=new Array(1);
		
		banner[0]="1.gif";
		banner[1]="2.gif";
		banner[2]="3.gif";
		
		if(i>=(banner.length-1)) i=0;
		else i++;
		
		document.banner.src= banner[i];
	}
	
	// -->
	</script>
</head>
<body>
	<img src="1.gif" name="banner" width="100" height="100" onLoad="timer=setTimeout('wechseln()', 1000)" border="0" alt="Banner">
</body></html>

Steffen · 3. Juni 2004

Der Nachteil bei der Sache wäre, dass man die Bilder vorladen sollte, weil die Animation ansonsten nicht flüssig ist. Ich würde stattdessen alle Animationen in ein Bild übereinander packen. Sagen wir jedes Einzelbild hat die Größe 50x50 und mit 4 Bildern ergibt sich dann eine Gesamtgröße von 50x200 Pixeln.

Man erstellt dann eine Box (div), dem man die Größe 50x50 und als Hintergrund das soeben erstellte Bild zuweist. Nun verändert man mit der Zeit per Javascript die CSS-Eigenschaft background-position von der Box, sodass ein absolut flüssiger Bildwechsel die Folge ist.

Suche

[JavaScript] Bilderwechsel-Script als Gif-Alternative?

bitfunker

ewohner

oDeM

Lt. Junior Grade

bitfunker

ewohner

migl

Lt. Junior Grade

Steffen

Technische Leitung

Ähnliche Themen