Image rollover effect
Content – Tutorials » Image rollover effect
Image rollovers worden vaak gebruikt voor in het menu. Een voorbeeld zie je hieronder.
In deze tutorial ga je leren hoe je dit ook kunt doen.
- Allereerst moet je twee afbeeldingen maken. De eerste afbeelding zie je als eerste en is de ‘normale’ afbeelding. De tweede afbeelding zorgt voor het image rollover effect. Ik heb voor de volgende twee afbeeldingen gekozen.
- Upload je afbeeldingen en zet vervolgens de volgende code op de plek waar je de image rollover wilt hebben.
- IMAGE-URL1 vervang je voor de Url van afbeelding 1 en IMAGE-URL2 vervang je voor de Url van afbeelding 2. Simpel toch?
- - Mocht je meerdere afbeeldingen willen gebruiken, dan geef je iedere link een naam. Daarvoor moet je alle image (dat zijn er drie in één link) vervangen. Zie het voorbeeld hieronder:
Vergeet dit vooral niet te doen, want anders zul je zien dat de image rollovers niet helemaal kloppen.
