Code html pour zoom sur images

oRbient Messages postés 84 Date d'inscription   Statut Membre Dernière intervention   -  
 MC Risorius -
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

Pioo
 
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   Statut Membre Dernière intervention   1
 
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   Statut Membre Dernière intervention   1
 
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
MC Risorius
 
Va voir ceci cela te donnera des idées précises :

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