Pop-up pour zoom d'image avec kompozer
Résolu
AnotherDyinAngel
-
AnotherDyinAngel -
AnotherDyinAngel -
Bonsoir,
Afin de réaliser un site de photos de rallye, j'ai choisi d'utiliser Kompozer. J'ai réalisé des pages galeries, et j'aimerais qu'en cliquant sur une image, une pop-up s'ouvre avec l'image agrandie. La vignette et l'image agrandie sont deux images différentes (l'image agrandie comporte l'adresse du site et pas la vignette)
J'utilise le code target="_blank" pour ouvrir l'image dans une nouvelle page, mais j'aimerais qu'elle soit de taille fixe et si possible de fond noir.
Exemple pour la 1ère image de cette galerie :
http://devilayane.free.fr/coupdecoeur2010-1.html
Code Html correspondant :
<td style="text-align: center;"><a target="_blank"
href="Photos/coupdecoeur2010/a2.jpg"><img
style="border: 0px solid ; width: 250px; height: 167px;" alt=""
src="Photos/coupdecoeur2010/Vignettes/a2.jpg"></a></td>
J'essaie de modifier le code html selon les différents tutoriaux que je trouve, mais je n'arrive à rien :( merci de votre aide :)
Afin de réaliser un site de photos de rallye, j'ai choisi d'utiliser Kompozer. J'ai réalisé des pages galeries, et j'aimerais qu'en cliquant sur une image, une pop-up s'ouvre avec l'image agrandie. La vignette et l'image agrandie sont deux images différentes (l'image agrandie comporte l'adresse du site et pas la vignette)
J'utilise le code target="_blank" pour ouvrir l'image dans une nouvelle page, mais j'aimerais qu'elle soit de taille fixe et si possible de fond noir.
Exemple pour la 1ère image de cette galerie :
http://devilayane.free.fr/coupdecoeur2010-1.html
Code Html correspondant :
<td style="text-align: center;"><a target="_blank"
href="Photos/coupdecoeur2010/a2.jpg"><img
style="border: 0px solid ; width: 250px; height: 167px;" alt=""
src="Photos/coupdecoeur2010/Vignettes/a2.jpg"></a></td>
J'essaie de modifier le code html selon les différents tutoriaux que je trouve, mais je n'arrive à rien :( merci de votre aide :)
A voir également:
- Pop-up pour zoom d'image avec kompozer
- Pop up mcafee - Accueil - Piratage
- Image iso - Guide
- Pop corn time - Télécharger - TV & Vidéo
- Mode securise free pop ✓ - Forum Freebox
- Télécharger zoom gratuit pour pc - Télécharger - Téléphonie & Visio
2 réponses
Il me semblait bien que j'étais obligée de passer par une nouvelle page html pour modifier le fond :s du coup il me faudrait une pop up aux dimensions de l'image uniquement...
Salut.
Si tu veux personnaliser le fond, il faudra ouvrir une page HTML et pas l'image.
Dans cette page, tu mettras le fond en noir et le seul contenu sera une image.
Si tu préfères rester sur la page et avoir l'image au-dessus d'un masque noir transparent :
https://www.shadowbox-js.com/
Si tu veux personnaliser le fond, il faudra ouvrir une page HTML et pas l'image.
Dans cette page, tu mettras le fond en noir et le seul contenu sera une image.
Si tu préfères rester sur la page et avoir l'image au-dessus d'un masque noir transparent :
https://www.shadowbox-js.com/
<td style="text-align: center;">
<script language="JavaScript">
function nouvellefenetre() {
mafenetre =
window.open("http://devilayane.free.fr/Photos/coupdecoeur2010/a2.jpg","MyPopupWindow","location=no,resizable=no,menubar=no,status=no,scrollbars=no,menubar=no, width=640, height=427");
}
</script><a href="javascript:nouvellefenetre()"><img
style="border: 0px solid ; width: 250px; height: 167px;" alt=""
src="Photos/coupdecoeur2010/Vignettes/a2.jpg"></a></td>
Bien que j'ai indiqué les dimensions de l'image comme dimensions de la pop-up, elle n'est pas à la taille... Mais j'aimerais surtout pouvoir changer le titre de la page...