Changement d'image au passage de la souris

Résolu/Fermé

laurenzo17 Messages postés 450 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 26 avril 2012 - 1 avril 2011 à 14:11
Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 - 4 avril 2011 à 11:27

Bonjour,

je cherche une méthode ou un script qui permettrais qu'au passage de la souris sur une image une autre apparaisse.
Mais je souhaite que ce changement ne se fasse pas trop brutalement. qu'il y'est un genre de transition au passage d'une image à l'autre.

Merci d'avance

A voir également:

Changement d'image au passage de la souris
Changer de dns - Guide
Comment activer le pavé tactile sans souris - Guide
Image iso - Guide
Changement d'écriture - Guide
Passage qwerty azerty - Guide

5 réponses

Réponse 1 / 5

varp69 Messages postés 362 Date d'inscription mardi 17 février 2009 Statut Membre Dernière intervention 20 avril 2011 511
1 avril 2011 à 14:13

Salut,

Tu veux faire sa en quel langage de programmation ?

Réponse 2 / 5

laurenzo17 Messages postés 450 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 26 avril 2012 124
1 avril 2011 à 14:15

ah oui désolé c'est pour mettre sur un site web.
Après le langage n'importe tant que sa marche :)
Le reste de la page est en html et php

Réponse 3 / 5

varp69 Messages postés 362 Date d'inscription mardi 17 février 2009 Statut Membre Dernière intervention 20 avril 2011 511
1 avril 2011 à 14:40

http://les2stefs.over-blog.com/article-803901.html

Voilà se que j'ai trouver je ne sais pas si tu avait déjà sa ou pas...Pour l'effet je pense que tu doit utilisé un script Java. Mais je ne sais pas ou trouver sa

Réponse 4 / 5

laurenzo17 Messages postés 450 Date d'inscription jeudi 23 août 2007 Statut Membre Dernière intervention 26 avril 2012 124
1 avril 2011 à 15:34

Je me répond a moi meme au cas ou quelqu'un serais intéréssé.
J'ai repris le script de ce site.
http://www.kdigit-studio.com/developpement-web/2010/06/22/tuto-jquery-rollover-avec-fondu-sur-limage-darriere-plan/

Et j'ai fais les modifs pour avoir des images a la place du texte.

Merci quand meme varp69 :)

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 38
1 avril 2011 à 15:36

Bonjour,

et bien le JavaSCRIPT est ton ami. (et pas Java, honte et déshonneur à celui qui confond lol)

dans le head de ta page:

<script language="javascript">
function changeimage()
{

document.getElementById('monelement').src="./image2.jpeg";

}

function restoreimage()
{

document.getElementById('monelement').src="./image1.jpeg";

}
</script>

dans ton BODY:

<img id="monelement" src="./image1.jpeg" onMouseOver="changeimage()" onMouseOut="restoreimage()">

voili voilou, a toi de changer le nom des images et l id de l'element

Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 38
1 avril 2011 à 15:37

* a tapé tout ca pour rien ='( *

xD

bonne journée

varp69 Messages postés 362 Date d'inscription mardi 17 février 2009 Statut Membre Dernière intervention 20 avril 2011 511
4 avril 2011 à 11:24

Il y a un effet avec la solution que tu as posté ?

Gremy87 Messages postés 352 Date d'inscription mercredi 19 mai 2010 Statut Membre Dernière intervention 19 mars 2014 38
4 avril 2011 à 11:27

ben oui, l'effet demandé meme normalement, si les images sont bonnes, ca devrait marcher

Discussions similaires

PIX

problème de pixel

Comment enlever le rouge sur la photo svp ?

Le curseur de mon ordi ne bouge plus