Téléchargement
illégal
Posez votre question Signaler

Pop-up pour zoom d'image avec kompozer [Résolu]

AnotherDyinAngel - Dernière réponse le 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 :)
Lire la suite 

Pop-up pour zoom d'image avec kompozer »

3 réponses
Réponse
+0
moins plus
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 :
http://www.shadowbox-js.com/
Ajouter un commentaire
Réponse
+0
moins plus
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...
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...
Ajouter un commentaire
Ce document intitulé « Pop-up pour zoom d'image avec kompozer » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?