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
Configuration: Windows XP Firefox 2.0.0.6 dreamweaver
6 réponses
-
bonjour alpinetwins,
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!! -
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 ?
-
que penses-tu de ce système ?
il est possible d'y mettre une image.
-
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
@+ -
ouai mais ce script change la page?!!
je veux un truc qui permet aux gens de bouger leur souris et de voir l'image s'agrandir pour mieux se rendre compte et ainsi cliquer!
merci je vais travailler sur le liens de dalida
