11548 sujets

JavaScript, DOM et API Web HTML5

Comment fermer popup image

Bonjour

Créant un site en xhtml + css, j'ai voulu m'essayer à JS pour ouvrir les grandes images d'une galerie.

Voici le code utilisé :
<body>
<script type="text/javascript">
			<!--
			function ouvrir1() {
			fenetre=window.open("../images/galeries/argile/1.jpg","fenetre","resizable=no,scrollbars=no,location=no,width=220px,height=320px")
			}
			function ouvrir2() {
			fenetre=window.open("../images/galeries/argile/2.jpg","fenetre","resizable=no,scrollbars=no,location=no,width=220px,height=320px")
			}
			// -->
</script>
...
<ul>
   <li><a href="javascript:ouvrir1()" onmouseout="window.status=' '; return true" tabindex="101"><img src="../images/galeries/argile/1v.jpg" alt="image1" /></a></li>
   <li><a href="javascript:ouvrir2()" onmouseout="window.status=' '; return true" tabindex="102"><img src="../images/galeries/argile/2v.jpg" alt="image2" /></a></li>


Le script m'ouvre bien l'image dans une petite fenetre, par contre il faut deviner qu'il faut la refermer en cliquant sur la croix pour passer de image 1 à image 2 Smiley decu

Est-il possible de mettre le texte "fermer cette fenetre" avec un document:close, ou quelque chose du genre afin d'inviter les internautes à fermer ce "popup" ?

Merci Smiley smile
Salut,

Tout d'abord, au vu de ton code, je te conseille de lire de toute urgence l'article "Créer des pop-up intelligentes" d'OpenWeb.

En ce qui concerne ton problème, ne crois-tu pas que les utilisateurs savent comment fermer une fenêtre ? Si ce n'est pas le cas, tu peux chercher du côté de "window.close();".
Merci Julien pour le lien vers OpenWeb Smiley cligne
J'ai changé le code :

<a href="../images/galeries/bois/1.jpg" onclick="window.open(this.href, 'exemple', 'height=320, width=220, top=50, left=50, toolbar=no, menubar=no, location=no, resizable=yes, scrollbars=no, status=no'); return false;" tabindex="101"><img src="../images/galeries/bois/1v.jpg" alt="image" /></a>



Pour la fermeture des popups, je suis d'accord avec toi, mais la personne pour qui est le site ne partage pas notre avis, et voulait quelquechose de basé sur le preload, avec survol de l'image etc... je l'ai dissuadé pour le temps de chargement de la page (il y a jusqu'à 19 vignettes sur certaines pages, donc 38 ko dans notre cas, s'il devait en plus y avoir les images taille réelle le poids deviendrait supérieur au Mo !)


Deux questions encore :

* Est-il possible d'inclure windows:close dans un popup image ?

* Si l'on stipule windows:close comment se comporte le popup sous Linux et Mac ? Smiley smile
Modifié par Gunner4902 (01 Feb 2007 - 16:51)
Gunner4902 a écrit :
* Est-il possible d'inclure windows:close dans un popup image ?
Pas à ma connaissance. Par contre, c'est "window.close". Smiley smile
Gunner4902 a écrit :
* Si l'on stipule windows:close comment se comporte le popup sous Linux et Mac ? Smiley smile
A priori ça fonctionne, à condition que ça s'applique sur une popup.
Smiley sweatdrop Oups, je suis formaté moi !
de window à Windows il n'y avait qu'un pas que j'ai outrageusement franchit ... mea culpa Smiley murf
Sujet clos
Aller à