GIF-Animation (nicht geloopt) als background-image bei Links
0 0 
Utz
1
GIF-Animation (nicht geloopt) als background-image bei Links
Servus!
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.
Streng genommen möchte ich einen Punkt-Aufklimm-Effekt erzeugen. Also Normal->Aufklimmen->Leuchtet und den umgekehrten Weg: Leuchtet->Abklimmen->Normal.
Momentan ist es halt immer Sprunghaft: Normal->Leuchtet und Leuchtet->Normal!
Der Witz ist, der [sarkasmus]spitzenmässig regelkonforme IE[/sarkasmus] hat dieses gewünschte Verhalten. Wieso hat es das W3C nicht so festgelegt?! :(
Danke!
Ciao,
Andy
-
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; } -
Hallo,
hab keine direkte Antwort auf Deine Frage, aber ne Alternative, die das von Dir beschriebene Verhalten mit Javascript statt Gif-Animation macht: http://javascriptkit.com/script/script2/linkfader.shtml
In Aktion zu begutachten z.B. auf http://www.leonardcohenfiles.com/
Grüße,
Utz--
Mitglied im Ring Deutscher Mäkler -
Hallo,
Wie schafft man es eine Gif-Animation, welche nicht geloopt ist, als background-image für einen Link einzusetzen?
Vielleicht kann Dir dieses Beispiel helfen?
netten Tag
^da Powl