Code html pour zoom sur images
oRbient
Messages postés
84
Date d'inscription
Statut
Membre
Dernière intervention
-
MC Risorius -
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.
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:
- Html zoom image onclick
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Zoom appel video - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
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
Mais je pense que tu aurais tout interêt a passer par du javascript.
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.
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>
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>
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.
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.