Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Bei Mouseover eine Animation abspielen.

bububaer1 / 1 Antworten / Baumansicht Nickles

hallo,
hab ein kleines problem.
ich möchte gerne eine animation auf meiner hp ablaufen lassen, wenn der mauszeiger sich über ein bestimmtes bild bewegt. dies soll ähnlich wie ein rollover-bild funktionieren allerdings nicht an der gleichen stelle, wo sich das ausgangsbild befindet.
um es ein wenig deutlicher zu machen, hab ich ne kleine skizze angefertigt.

http://www.bilder-hochladen.net/files/38c6-9.jpg

und zwar soll sich bei "gif1" die animation abspielen, wenn die maus über die Fläche "bild 1" bewegt wird. das selbe gilt jeweils für 2 und 3.

Dies soll aber nur geschehen, wenn die maus über die fläche bewegt wird. bei click soll dann ein anderer befehl ausgeführt werden.


hoffe, jemand kann mir helfen.

basti

bei Antwort benachrichtigen
bububaer1 Nachtrag zu: „Bei Mouseover eine Animation abspielen.“
Optionen

ok, habs selber gelöst.;)

zunächst:

einen bilderplatzhalter bestimmen (bei mir "pic")
dann folgendes einfügen:

function MouseOver()
{
document.pic.src=".../*.gif";
}

function MouseOut()
{
document.pic.src="";
}
danach noch an der stelle, die den "empfindlichen" bereich darstellt folgendes einfügen.
<td ><img src="*.jpg" width="*" height="*" alt="" onmouseover="MouseOver()" onmouseout="MouseOut()"></td>

und es müsste gehn.

bei Antwort benachrichtigen