Comment faire un simple rollover sur une image en javascript ?

 

par meltech1 |

     
Comment faire un simple rollover sur une image en javascript ?

Un simple rollover, c'est un rollover sans lien ni rien sur une image de votre site Internet. Oui mais qu'est-ce qu'un rollover ? C'est une modification d'une image par une autre image lorsque la souris passe dessus. C'est ce qu'on appelle un rollover. Pour programmer un rollover simple veuillez lire ce qui suit. Avec cet article vous pourrez faire un simple rollover pour votre site Internet.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Deux images .gif
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet avec "bloc notes" pour obtenir le programme de votre site Internet. Pour ce faire vous faites 'fichier' puis 'ouvrir' le fichier de votre page Internet. Ainsi vous pouvez y chercher la balise <body>.

2.

Dans la balise <body> veuillez insérer le script suivant :
<img name="Img_1" src="image1.gif"
onMouseOver="this.src='image2.gif';"
onMouseOut="this.src='image1.gif';">
C'est le script du rollover qui contient les 2 images en .gif de votre répertoire.

3.

Pour terminer enregistrez le tout avec "bloc notes" : vous faites 'fichier' puis 'enregistrer'. Maintenant ouvrez votre site Internet avec IE et vous obtenez l'image1 sur votre site Internet. Le rollover c'est quand vous passez la souris dessus et que l'image2 s'affiche. Voilà vous avez terminé.

Astuces et mises en garde

Astuce(s) :

Pour modifier les images allez dans la balise <body>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on