- D'abord, trouvez ou fabriquez 2 images de mêmes dimensions, de même extension (gif, jpg, png...) et donnez-leur le même nom, qui sera aussi celui, unique, du rollover. L'image de départ sera suffixée "1" tandis que l'image qui s'affichera au survol de la souris sera suffixée "2". Dans notre exemple, les images qui représentent des tulipes s'appellent tulipe1.jpg et tulipe2.jpg et le nom du rollover est donc obligatoirement "tulipe".
- Chargez les images dans le dossier img/ de votre site.
- Générez le code du rollover et copier-coller-le.
Note aux utilisateurs de GuppY : vous ne pourrez coller le code QUE dans le mini-éditeur de GuppY, car les autres éditeurs le pourriront et l'empêcheront de fonctionner.