Étape 4: Faites une image survolée
Pour faire un roulement image comme j’ai dans l’intro étape vous aurez besoin d’utiliser un peu HTML. La commande « mouseover » HTML détermine quelle image s’affiche lorsque vous déplacez votre souris sur l’image et l’image à afficher lorsque la souris se déplace hors de l’image.
J’ai collé le code, que j’ai utilisé ci-dessous, vous aurez besoin de changer les majuscules et traits de soulignement à partout où se trouve votre fichier.
<pre><img onmouseout="this.src='LOCATION_OF_IMAGE/DESATURATED_IMAGE_NAME.jpg'" onmouseover="this.src='LOCATION_OF_IMAGE/INVERTED_IMAGE_NAME.jpg'">
Je propose l’hébergement de vos fichiers en ligne, puis copier l’emplacement des fichiers dans ce code.
Un exemple serait :