ABAKUS

Verfasst: **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

Verfasst: **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

Verfasst: **30.03.2004, 15:53**

...doch, sind aber Fotos...

habe eben leider noch nix passendes gefunden.

Grüße

Verfasst: **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">

ABAKUS

bewegte Bilder...

bewegte Bilder...

Bildwechsel