Pop-up pour zoom d'image avec kompozer

Résolu/Fermé
AnotherDyinAngel - 18 oct. 2010 à 21:21
 AnotherDyinAngel - 20 oct. 2010 à 16:33
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 :)
A voir également:

2 réponses

AnotherDyinAngel
19 oct. 2010 à 15:03
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...
0
AnotherDyinAngel
20 oct. 2010 à 16:33
J'ai réussi à modifier mon code pour avoir une pop-up fixe :

<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...
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
18 oct. 2010 à 22:55
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/
-1