bewegte Bilder...

Beitrag von **bobo** » 30.03.2004, 11:15

Hi,

ich möchte gerne als kleinen Gag eine Art Bilderwechsel auf meiner Seite auf bauen, dabei sollen sich so ca. alle 5-10 Sek Bilder (2 oder 3) abwechseln.

Wie mache ich so etwas am besten? als animiertes GIF

oder als javascript (davon habe ich null Ahnung)

Vielleicht habt Ihr nen Tipp wie so etwas geht oder wo ich ggf darüber etwas nachlsen kann.

grüße Bobo

von **Anzeige von ABAKUS** »

Beitrag von **fool** » 30.03.2004, 15:08

Hallo Bobo,

guck doch mal hier:

https://selfhtml.teamone.de/grafik/animierte_gifs.htm

Wenn es nicht Fotos sind, kannst das ganz gut damit machen.

Ansonsten würde ich mal bei www.zdnet.de oder bei www.pc-welt.de nach einem kleinen Tool suchen. Kann tumbs nicht sowas?

Gruß
fool

Beitrag von **bobo** » 30.03.2004, 15:53

...doch, sind aber Fotos...

habe eben leider noch nix passendes gefunden.

Grüße

Beitrag von **stp69** » 30.03.2004, 16:33

Moin,

Mit Java geht es recht einfach. In den Body folgenden Code.

Die Bilder sid hier im Verzeichniss slide/ gespeichert. Mit Speed und CrossFadeDurationkannst Du den wechsel beinflußen.

Code: Alles auswählen

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var slideShowSpeed = 5000;
var crossFadeDuration = 5;
var Pic = new Array&#40;&#41;;
Pic&#91;0&#93; = 'slide/1.jpg'
Pic&#91;1&#93; = 'slide/2.jpg'
Pic&#91;2&#93; = 'slide/3.jpg'
Pic&#91;3&#93; = 'slide/4.jpg'
Pic&#91;4&#93; = 'slide/5.jpg'
Pic&#91;5&#93; = 'slide/5.jpg'
Pic&#91;6&#93; = 'slide/3.jpg'
Pic&#91;7&#93; = 'slide/4.jpg'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array&#40;&#41;;
for &#40;i = 0; i < p; i++&#41; &#123;
preLoad&#91;i&#93; = new Image&#40;&#41;;
preLoad&#91;i&#93;.src = Pic&#91;i&#93;;
&#125;
function runSlideShow&#40;&#41; &#123;
if &#40;document.all&#41; &#123;
document.images.SlideShow.style.filter="blendTrans&#40;duration=2&#41;";
document.images.SlideShow.style.filter="blendTrans&#40;duration=crossFadeDuration&#41;";
document.images.SlideShow.filters.blendTrans.Apply&#40;&#41;;
&#125;
document.images.SlideShow.src = preLoad&#91;j&#93;.src;
if &#40;document.all&#41; &#123;
document.images.SlideShow.filters.blendTrans.Play&#40;&#41;;
&#125;
j = j + 1;
if &#40;j > &#40;p - 1&#41;&#41; j = 0;
t = setTimeout&#40;'runSlideShow&#40;&#41;', slideShowSpeed&#41;;
&#125;
//  End -->
</script>

Da wo das bild stehen soll:

Code: Alles auswählen

<img src="1.jpg" name='SlideShow' width=200 height=377 align="left" alt="let`s Dance">