Code html pour zoom sur images

Fermé
oRbient Messages postés 84 Date d'inscription samedi 22 septembre 2007 Statut Membre Dernière intervention 11 octobre 2016 - 18 août 2011 à 17:54
 MC Risorius - 11 avril 2014 à 22:15
Bonjour,

ma question est simple.
J'ai créé une page en mode html avec un fond, puis la photo d'une carte au premier plan sur laquelle différents points sont cliquables. Ce que j'aimerais, c'est que ces différents points permettent non pas d'être dirigés vers de nouvelles pages mais que chacun affiche l'agrandissement d'une photo via une petite fenêtre qui se superposerait à celle de la carte.


Voici la ligne de code que j'ai utilisé pour ceci (mais qui ne fonctionne malheureusement pas, puisqu'à après avoir cliqué, la page change et ne s'affiche pas dans une fenêtre):

<center><font color="#000099" face="Arial" size="-1"><img src="corbieres.gif" usemap="#1" border="0">
<map name="1">
<br><area shape="CIRCLE" coords=" 948, 367, 15" a href="images.jpg" rel="lightbox" alt="" onclick="" onmousedown=""
onmouseup="" onmouseover="AffBulle(.')" onmouseout="HideBulle()"><br>

L'exemple en image (cliquez sur Ripaud):

https://www.sfr.fr/fermeture-des-pages-perso.html

J'attends vos solutions,
merci.
A voir également:

4 réponses

Bonjour, le code html pour ouvrir une image dans une nouvelle fenetre il faut ajouter target="_blank" a ton lien

par exemple
<a href=image_agrandie.html target="_blank"><img src="image_reduite.jpg"/></a>


Mais je pense que tu aurais tout interêt a passer par du javascript.
2
oRbient Messages postés 84 Date d'inscription samedi 22 septembre 2007 Statut Membre Dernière intervention 11 octobre 2016 1
19 août 2011 à 10:25
Salut et merci,

mais peux-tu me dire à quel endroit je dois placer target="_blank"> dans le code suivant ?

<center><font color="#000099" face="Arial" size="-1"><img src="corbieres.gif" usemap="#1" border="0">
<map name="1">
<br><area shape="CIRCLE" coords=" 948, 367, 15" a href="images.jpg" rel="lightbox" alt="" onclick="" onmousedown=""
onmouseup="" onmouseover="AffBulle(.')" onmouseout="HideBulle()"><br>
0
oRbient Messages postés 84 Date d'inscription samedi 22 septembre 2007 Statut Membre Dernière intervention 11 octobre 2016 1
19 août 2011 à 10:38
Re-bonjour,

voilà, j'ai inséré "target="_blank" dans le code.



<center><font color="#000099" face="Arial" size="-1"><img src="corbieres.gif" usemap="#1" border="0">
<map name="1">
<br><area shape="CIRCLE" coords=" 948, 367, 15" a href="images.jpg" target="_blank"><img src="images.jpg" rel="lightbox"

alt="" onclick="" onmousedown=""

onmouseup="" onmouseover="AffBulle(.')" onmouseout="HideBulle()"><br>



Si maintenant une nouvelle fenêtre s'ouvre bien, ce que j'aimerais, c'est que cette dernière apparaisse en petit et au dessus de celle de la carte et non pas dans un nouvel onglet. Un peu à la manière d'une fenêtre "popup".

Merci.

0
Va voir ceci cela te donnera des idées précises :

Trial Zoom html Genius : http://www.magictoolbox.com/magiczoomplus/integration/
0