Changement d'image au passage de la souris

Résolu
laurenzo17 Messages postés 450 Date d'inscription   Statut Membre Dernière intervention   -  
Gremy87 Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   -
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:

5 réponses

varp69 Messages postés 362 Date d'inscription   Statut Membre Dernière intervention   516
 
Salut,

Tu veux faire sa en quel langage de programmation ?
0
laurenzo17 Messages postés 450 Date d'inscription   Statut Membre Dernière intervention   124
 
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
0
varp69 Messages postés 362 Date d'inscription   Statut Membre Dernière intervention   516
 
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
0
laurenzo17 Messages postés 450 Date d'inscription   Statut Membre Dernière intervention   124
 
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 :)
0

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

Posez votre question
Gremy87 Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   38
 
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
0
Gremy87 Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   38
 
* a tapé tout ca pour rien ='( *

xD

bonne journée
0
varp69 Messages postés 362 Date d'inscription   Statut Membre Dernière intervention   516
 
Il y a un effet avec la solution que tu as posté ?
0
Gremy87 Messages postés 352 Date d'inscription   Statut Membre Dernière intervention   38
 
ben oui, l'effet demandé meme normalement, si les images sont bonnes, ca devrait marcher
0