Rollover sur une image

Soyez le premier à donner votre avis sur cette source.

Snippet vu 53 026 fois - Téléchargée 26 fois

Contenu du snippet

C'est un petit code bien sympa qui vous permettra de faire un effet de rollover sur vos images...
CE N'EST PAS UN CODE JAVASCRIPT MAIS DU HTML !!!

Source / Exemple :


#1 --> votrepage.html correspond à votre lien
#2 --> img1.gif à votre première image
#3 --> img2.gif à l'image qui remplacera img1.gif au moment la souris passera sur l'image.

<a href="votrepage.html">
<img src="img1.gif" border="0"
onMouseOver="this.src='img2.gif'" onMouseOut="this.src='img1.gif'">
</a>

Conclusion :


Sur ce,
Bonne ProG.

A voir également

Ajouter un commentaire Commentaires
Messages postés
1
Date d'inscription
jeudi 1 avril 2010
Statut
Membre
Dernière intervention
13 janvier 2011

Simple et efficace. Merci Orion!
Je me présente Alain03 je suis un vrai débutant,au niveau 0 et c'est avec ce genre de petit script que je progresse. Donc Merci encore à Orion et à toutes les personnes qui écrivent des scripts pour les débutants.
Messages postés
1
Date d'inscription
mercredi 11 mars 2009
Statut
Membre
Dernière intervention
11 mars 2009

Bonjour à tous,
Débutant à gogo, en train de modifier un site dynamique qui malheureusement ne me laisse guère de grandes possibilités.
Quelle solution pour faire apparaitre la deuxième image à un notre emplacement sur la page et dans de nouvelles dimensions ?
Je ne peux utiliser que du html et n'ai pas accès au fichier css...
Merci d'avance
Eric
Messages postés
484
Date d'inscription
jeudi 23 février 2006
Statut
Membre
Dernière intervention
26 juillet 2017
1
Bonjour à tous,
Une petite méthode hyper simple dépanne souvent ceux qui débutent et un "pense bête" n'est pas toujours inutile.
On a tous, au fin fond de notre pc, un petit script qui traine et qui peut aider quelqu'un qui cherche. Le script simple est à l'origine de tout.
N'hésitez donc pas à le mettre en ligne, même si il vous parrait inutile à votre travail, vous n'êtes pas seul sur terre...
Bien vu, c'est vrai, il y a css, mais quand on veut faire vite il y a aussi html.
C'est simple.
Bravo.
Messages postés
3
Date d'inscription
vendredi 5 mai 2006
Statut
Membre
Dernière intervention
12 juillet 2007

parfois les choses les plus simples dans la vie sont les meilleures !!
merci orion
Messages postés
1
Date d'inscription
samedi 11 août 2007
Statut
Membre
Dernière intervention
11 août 2007

En tout cas, pour moi çà marche sur firefox et explorer... MERCIIIIIIIIIIIIIIIIIIIIIIIIIi
Afficher les 15 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.