Stap 4: Maak een rollover-afbeelding
Om een rollover zult afbeelding zoals ik in de intro stap u moeten om een beetje HTML te gebruiken. De opdracht "mouseover" HTML bepaalt welke afbeelding wordt weergegeven wanneer u uw muis over de afbeelding beweegt en welke afbeelding moet worden weergegeven wanneer de muis wordt verplaatst uit de afbeelding.
Ik heb geplakt de code die ik hieronder gebruikte, u zult moeten veranderen de letters hoofdletters en underscores te waar uw bestand zich bevindt.
<pre><img onmouseout="this.src='LOCATION_OF_IMAGE/DESATURATED_IMAGE_NAME.jpg'" onmouseover="this.src='LOCATION_OF_IMAGE/INVERTED_IMAGE_NAME.jpg'">
Ik stel voor de hosting van uw bestanden online, dan de bestandslocaties in deze code te kopiëren.
Een voorbeeld zou zijn: