[CSS] Image hover

[Verwijderd]

Ik wil een image hover. Ik heb op het moment dit als code:

code:

#homeknop {
    background: url(homeknop_01.jpg);
    width: 150px;
    height: 80px;
    margin: 10px 0px 0px 50px;
    }
    
#homeknop:hover {
    background: url(homeknop.gif);
    }

Alleen m'n .gif word al 'afgespeeld' als de pagina wordt geopend. Als ik daarna dus hover erover is de .gif bij het einde. En dus geen animatie.
Is het mogelijk om met CSS ervoor te zorgen dat de .gif telkens opnieuw word afgespeeld wanneer men met de muis hier over gaat?

[BasieP]

volgens mij heb je hier javascript voor nodig. Zelfs als het met alleen CSS kan snapt IE dit toch niet. Deze snapt het :hover gebeuren namelijk niet op andere elementen dan anchers

[Verwijderd]

IE snapt dit wel wanneer je een <a href gaat gebruiken. Anyway, was ik al bang voor dat ik hiervoor javascript moest gaan gebruiken. jammer

[BasieP]

Verwijderd schreef op dinsdag 15 augustus 2006 @ 16:48:
IE snapt dit wel wanneer je een <a href gaat gebruiken.

dan zit de hover dus niet om de image maar op de anchor

maar JS is niet zo lastig hoor, en voor jouw probleem zijn er erg veel oplossingen op internet te vinden

[Verwijderd]

Misschien heb je hier iets aan?

http://www.ibloomstudios.com/article5sample2.php

[Blaise]

Verwijderd schreef op dinsdag 15 augustus 2006 @ 19:52:
Misschien heb je hier iets aan?

http://www.ibloomstudios.com/article5sample2.php

Dat gebruikt volgens mij dezelfde methode als mausie_maus, maar het werkt wel gewoon. De animatie wordt pas afgespeeld bij een hover (en start niet al bij het openen van de pagina).

@mausie_maus: Kan je misschien een voorbeeld online zetten met wat je nu hebt?

[Verwijderd]

Ik heb een nieuwe test pagina gemaakt. En afentoe werkt 't gewoon met CSS. Nu heb ik precies de zelfde code in m'n website in maak. En werkt het dus niet, speelt al af wanneer de pagina is geopend. Dus als ik erover hover, staat ie al op de laatste frame van de animatie.
Zelfde code. Andere .html
Sla me dood

edit:


http://home.quicknet.nl/qn/prive/roely.star/maus/Index2.html
Het gaat op deze pagina om het onderste wolkje. De rest erboven is Javascript.
Werkt niet

http://home.quicknet.nl/qn/prive/roely.star/maus/test.html
Werkt wel

En andere keren werken ze beide niet. Ik hou t wel bij javascript, tenzij iemand nog met wat leuks komt

[ Voor 36% gewijzigd door Verwijderd op 15-08-2006 22:50 ]