Mouse-over effect toevoegen. Hoe kan je een afbeelding laten oplichten als de muis er over heen gaat?

Ik heb de 2 verschillende afbeeldingen al, wat is nu de html code om dit te laten werken?

Weet jij het antwoord?

/2500

Het beste antwoord

Dit kan vrij gemakkelijk met css (http://www.w3schools.com/css/default.asp). Een voorbeeld:

Toegevoegd na 1 uur: Het kan ook nog anders: Gebruik deze zin: Vervang afbeelding1 en afbeelding2 door je eigen afbeeldingen, en als je het direct kopieert van GoeieVraag, denk er dan aan dat GoeieVraag de enkele aanhalingstekens verandert, dus die moet je weer even terug veranderen.

Je kunt dit doen met javascript. In de zet je dit: En in de (op de plaats waar de afbeelding komt) dit: Wel even opletten dat je naar de juiste directory van de images verwijst. Toegevoegd na 1 minuut: O ja, en natuurlijk ook de juiste width en height invullen Toegevoegd na 2 uur: Ik heb nog even verder gezocht, omdat ik wíst dat het in css eenvoudiger kan (met minder images) en ik kom op de zgn. "image sprites". Op deze pagina lees je hoe het wordt toegepast: http://www.w3schools.com/css/css_image_sprites.asp Succes!

Bronnen:
http://www.w3schools.com/css/css_image_sprites.asp

Stel zelf een vraag

Ben je op zoek naar het antwoord op die ene vraag die je misschien al tijden achtervolgt?

/100