Image qui change au passage de la souris(rollover)
Résolu
geoffray62
Messages postés
15
Date d'inscription
Statut
Membre
Dernière intervention
-
geoffray62 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
geoffray62 Messages postés 15 Date d'inscription Statut Membre Dernière intervention -
Bonjour à tous,
Après une aide formidable des forums, des "bidouillages" persos j'ai toujours réussis à mes fins quel qu'en soit la durée !
Cependant je planche sur un truc depuis 2 jours , je pense avoir trouvé la solution mais lorsque que je rentre ma ligne de commande dans mon fichier php pas moyen.. je penses que c'est dû à une erreur de synthase mais je trouves pas laquelle..
Je souhaiterais simplement remplacer un lien (d'une fonction) par un image: CA C'EST J'AI RÉUSSIS mais aussi avec une image qui change au passage de la souris sur celle-ci.
j'utilise "onmouseover onmousout"..., que j'ai trouvais sur le forum mais rien n'y fait je n'y arrive pas !
Pouvez-vous m'aider, merci d'avance
(je suis novice sur les forums je ne sais pas quelles indications vous donner) je préfères que vous me le demander :)
Merci d'avance
Après une aide formidable des forums, des "bidouillages" persos j'ai toujours réussis à mes fins quel qu'en soit la durée !
Cependant je planche sur un truc depuis 2 jours , je pense avoir trouvé la solution mais lorsque que je rentre ma ligne de commande dans mon fichier php pas moyen.. je penses que c'est dû à une erreur de synthase mais je trouves pas laquelle..
Je souhaiterais simplement remplacer un lien (d'une fonction) par un image: CA C'EST J'AI RÉUSSIS mais aussi avec une image qui change au passage de la souris sur celle-ci.
j'utilise "onmouseover onmousout"..., que j'ai trouvais sur le forum mais rien n'y fait je n'y arrive pas !
Pouvez-vous m'aider, merci d'avance
(je suis novice sur les forums je ne sais pas quelles indications vous donner) je préfères que vous me le demander :)
Merci d'avance
A voir également:
- Image qui change au passage de la souris(rollover)
- Changer de dns - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Quelle touche pour débloquer la souris ? - Guide
- Image qui change quand on bouge ✓ - Forum Graphisme
- Passage qwerty azerty - Guide
7 réponses
Bonjour,
Pour faire ça il y a deux méthodes, une avec du CSS et une avec du Javascript (pas de PHP pour le rendu !) :
* La première en CSS, c'est de mettre un div de la taille de l'image, avec comme background la première image, et sur :hover en background la deuxième image.
J'ai pas testé les deux codes, mais normalement ça devrait marcher, sauf pour le deuxième où je suis pas sûr du this.src='value', sinon c'est this.setAttribute('src','value').
___/\_canarder_/\___
Le Renard qui règne sur le WEB : Firefox
Pour faire ça il y a deux méthodes, une avec du CSS et une avec du Javascript (pas de PHP pour le rendu !) :
* La première en CSS, c'est de mettre un div de la taille de l'image, avec comme background la première image, et sur :hover en background la deuxième image.
<div class="image_1">&nb sp; <!-- enlever l'espace entre nb et sp ! --></div>* La deuxième en Javascript, c'est d'utiliser onmouseover et onmouseout.
<style type="text/css">
<!--
.image_1 {
width: 100px;
height: 80px;
background: url(img/image_1_out.png);
}
.image_1:hover {
background: url(img/image_1_on.png);
}
//-->
</style>
<img src="img/image_1_out.png" onmouseover="this.src='img/image_1_on.png'" onmouseout="this.src='img/image_1_out.png'" />
J'ai pas testé les deux codes, mais normalement ça devrait marcher, sauf pour le deuxième où je suis pas sûr du this.src='value', sinon c'est this.setAttribute('src','value').
___/\_canarder_/\___
Le Renard qui règne sur le WEB : Firefox