Zoom de l'image au passage de la souris
Résolu
patitofeodtmc
Messages postés
77
Date d'inscription
Statut
Membre
Dernière intervention
-
patitofeodtmc Messages postés 77 Date d'inscription Statut Membre Dernière intervention -
patitofeodtmc Messages postés 77 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un site et j'aimerai savoir si c'était possible de mettre une balise html qui fait que quand on passe la souris sur une image (ou un liens) sa le zoom légèrement (comme au lien suivant :
https://www.lachainemeteo.com/meteo-france/previsions-meteo-france-aujourdhui ou quand on passe la souris sur les jours sa le zoom) !
Merci d'avance !
Patitofeodtmc
J'ai un site et j'aimerai savoir si c'était possible de mettre une balise html qui fait que quand on passe la souris sur une image (ou un liens) sa le zoom légèrement (comme au lien suivant :
https://www.lachainemeteo.com/meteo-france/previsions-meteo-france-aujourdhui ou quand on passe la souris sur les jours sa le zoom) !
Merci d'avance !
Patitofeodtmc
Configuration: Windows Vista Firefox 3.0.10
7 réponses
-
Re,
Merci pour ta réponse comment l'installer sur mon site avec Java ?
Merci d'avance
Patitofeodtmc -
Avec du html non.
Mais avec du java, oui je pense.
Bilou. -
Il faut faire comme sa:
<script type="text/javascript" language="javascript">
SCRIPT JAVA................
</script>
Voilà comment tu inclue de Java mais dsl je ne connais pas le code que tu cherche.
Bilou. -
Ok merci, mais que signifie SCRIPT JAVA ?
-
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
SCRIPT JAVA................
Ba c'est le fameux script que tu cherche pour que les images s' agrandisse au passage de la souris.
Bilou. -
Tien regarde ce que je t'ai trouver.
****Pour une image qui s'agrandit au passage de la souris :****
Dans le <head>
<SCRIPT LANGUAGE="JavaScript"><!-- function afficheMaxiTempo(chemin){ i1 = new Image; i1.src = chemin; html = '<HTML><HEAD><TITLE>Photos</TITLE></HEAD><BODY LEFTMARGIN=0 MARGINWIDTH=0 TOPMARGIN=0 MARGINHEIGHT=0><CENTER><IMG SRC="'+chemin+'" BORDER=0 NAME=image1 onLoad="window.resizeTo(document.image1.width+14,document.image1.height+32)"></CENTER></BODY></HTML>'; popupImage = window.open('','popupImage','toolbar=0,location=0,directories=0,menubar=0,scrollbars=0,resizable=1'); popupImage.document.open(); popupImage.document.write(html); popupImage.focus(); popupImage.document.close(); //FermePopup(); } function FermePopup(){ popupImage.document.write('<script language="javascript">'); popupImage.document.write('setTimeout('); popupImage.document.write('"self.close()'); popupImage.document.write(';",5000)'); popupImage.document.write('</'); popupImage.document.write('script>'); } //--> </SCRIPT>
A l'endroit de ton image
<A HREF="javascript:void(0)" onMouseOver="afficheMaxiTempo('ton image agrandie.jpg'); return false;" onMouseOut="img01.src='ton image vignette.jpg'"><IMG SRC="ton image vignette.jpg" NAME="img01" ALT="Nom de ton image" BORDER=0 onLoad="tempImg=new Image(0,0); tempImg.src='ton image vignette.jpg'"></A>
Juste un Merci me suffit. -
Re !
Merci pour tes super explication ! Je vais essayé je te ferai signe si je n'y arrive pas !
Bye !
Patitofeodtmc
