nicht angemeldet
hi,
Wie schafft man es eine Gif-Animation, welche nicht geloopt ist, als background-image für einen Link einzusetzen? Der Pferdefuss ist dabei folgendes: Die Animationen werden bereits beim laden der Seite abgespielt und bleiben dann auf dem letzten Frame hängen! Das gewünschte Verhalten wäre aber: rauf auf den Link -> Hover-Animation (frisch!) abspielen, runter vom Link -> Normal-Animation (frisch!) abspielen.
Ich habe für soetwas Javascript zu Hilfe genommen - bei onmouseover erzeuge ich eine neue Bildinstanz, und hänge diese in den Link ein.
Onmouseout wird sie dann wieder entfernt.
Klar, ist dann kein Hintergrundbild - aber mit Positionierung in z-index bekommt man ja optisch analoges hin.
Es sollte natürlich darauf geachtet werden, dass während das Bild schon da ist, kein weiterer onmouseover-Effekt durch leichte Mausbewegung auf dem Link auftritt (kann passieren, je nachdem wie man das mit z-index und dem ganzen Krempel umsetzt) - sonst werden die Bilder zu Karnickeln, und vermehren sich im Link entsprechend.
gruß,
wahsaga
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }