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   -
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

7 réponses

patitofeodtmc Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   8
 
Re,

Merci pour ta réponse comment l'installer sur mon site avec Java ?

Merci d'avance

Patitofeodtmc
1
cs-bilou Messages postés 836 Statut Membre 164
 
Avec du html non.
Mais avec du java, oui je pense.

Bilou.
0
cs-bilou Messages postés 836 Statut Membre 164
 
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.
0
patitofeodtmc Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   8
 
Ok merci, mais que signifie SCRIPT JAVA ?
0

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

Posez votre question
cs-bilou Messages postés 836 Statut Membre 164
 
SCRIPT JAVA................
Ba c'est le fameux script que tu cherche pour que les images s' agrandisse au passage de la souris.

Bilou.
0
cs-bilou Messages postés 836 Statut Membre 164
 
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.
0
patitofeodtmc Messages postés 77 Date d'inscription   Statut Membre Dernière intervention   8
 
Re !

Merci pour tes super explication ! Je vais essayé je te ferai signe si je n'y arrive pas !

Bye !

Patitofeodtmc
0