Fichtl: dynamische rollovers mit einzelbildern

Beitrag lesen

bei einem typischen rollover wird ein bild durch ein anderes ausgetauscht wenn der mauscursor
darübersteht. will man einen rollover animieren hat man die möglichkeit animated-gifs zu verwenden.
das hat jedoch den nachteil das die animation beim verlassen des rolloverbereichs abgehackt wird. um das zu verhindern sollte man einzelne bilder verwenden.

einzelbilder einer animation lassen sich leicht mit neueren gif-animatoren (ulead gifanimator 3.0)
speichern. zum beispiel erstellt man mit Xara 3D ein animated-gif, speichert und öffnet es im
gifanimator wählt einfach exportieren-bildlagen und das programm erstellt dann eine
durchnummerierte bildfolge.

<script language="JavaScript">
<!--

num = 0;
allpics = 23;

function stop()
{
       clearTimeout(moving);
}

function chpic()
{

if (num<allpics)
   {num++;}
   else
   {num=0;}

if (num<10)
   {num = "00" + num;}

if (num>=10)
   {num = "0" + num;}

picname = "pic" + num + ".gif";
   document.images[0].src = picname;

moving = setTimeout("chpic()",100);

}

//-->
</script>

num gibt die fortlaufende nummer des bildes an. allpics ist das letzte bild der animation. der
dateiname des ersten bildes lauted pic000.gif das script sorgt dafür das die nullen bei niedrigen
zahlen angefügt werden. chpic() wird in eine endlosschleife verwickelt welche durch die function
stop() unterbrochen werden kann.

um die function einzubinden verwendet man folgenden tag.
<a href="mitglied.tripod.de/fichtl_nG" onMouseover="chpic()" onMouseout="stop()">
<img src="pic000.gif" width=100 height=100></a>

hat sonst noch eine idee oder einen anderen ansatz zu diesem thema?

schöne grüße aus oberösterreich