Zone réactive sur map
alpinetwins
-
alpinetwins -
alpinetwins -
bonjour voila j'aimerai sur une map rendre une zone réactive où lorsqu'on passe la souris dessus, l'image s'affiche en plus grand genre 160*120 mais je n'y arrive pas, quand je demande un agrandissement il me l'affiche en énorme: ébauche de la page avec mon pb sur l'image au dessus du village Imlil: http://www.alpinetwins.com/Map_maroc!
Merci
Merci
A voir également:
- Zone réactive sur map
- Alternative zone telechargement - Accueil - Outils
- Google map satellite gratuit - Guide
- Telecharger carte google map - Guide
- Google map ma position - Guide
- Itinéraire google map entre deux adresses - Guide
6 réponses
bonjour alpinetwins,
tu devrais trouver ton bonheur là http://www.huddletogether.com/projects/lightbox2/
@+
tu devrais trouver ton bonheur là http://www.huddletogether.com/projects/lightbox2/
@+
Merci mais ce n'est pas ça ke je recherche! Je veux un truc plus simple moins long à charger et où l'image apparait et on peut cliquer dessus comme un menu un peut!!
J'ai essayer avec le système afficher masquer les calques mais ça foire, l'image apparait dans un cadre qui ne fait pas la bonne taille!! je ne comprend pas!
Merci!!
J'ai essayer avec le système afficher masquer les calques mais ça foire, l'image apparait dans un cadre qui ne fait pas la bonne taille!! je ne comprend pas!
Merci!!
salut,
le problème c'est qu'il y a un sacré fouilli dans la page.
à mon avis il te faut un JS plus simple et qui fasse apparaitre un '<div>' contenant une image. un peu comme une info bulle mais en plus grand.
qu'en penses-tu ?
le problème c'est qu'il y a un sacré fouilli dans la page.
à mon avis il te faut un JS plus simple et qui fasse apparaitre un '<div>' contenant une image. un peu comme une info bulle mais en plus grand.
qu'en penses-tu ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
re alpinetwins,
ce que t'as proposé dalida est pas mal du tout sinon ça :
entre le <head> et le </head>
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
titre="Popup Image - Tout Javascript.com";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=yes');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
w.document.write("");
w.document.write("</BODY></HTML>");
w.document.close();
}
</SCRIPT>
entre le <body> et le </body>
<A href="javascript:PopupImage('img/grandes/numero1.jpg')"><IMG src="img/petites/numero1.jpg" class="image" alt="Cliquer pour agrandir"></A></body>
c'est un classique
@+
ce que t'as proposé dalida est pas mal du tout sinon ça :
entre le <head> et le </head>
<SCRIPT LANGUAGE="JavaScript">
function PopupImage(img) {
titre="Popup Image - Tout Javascript.com";
w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=yes');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+12,document.images[0].height+30); window.focus();} else { setTimeout('check()',250) } }</"+"SCRIPT>");
w.document.write("<BODY onload='checksize()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0><IMG src='"+img+"' border=0>");
w.document.write("");
w.document.write("</BODY></HTML>");
w.document.close();
}
</SCRIPT>
entre le <body> et le </body>
<A href="javascript:PopupImage('img/grandes/numero1.jpg')"><IMG src="img/petites/numero1.jpg" class="image" alt="Cliquer pour agrandir"></A></body>
c'est un classique
@+