Ouvrir un popup

Version imprimable

Ouvrir un popup

Bonjour,

Une page "photos2010.html" contient plusieurs photos en petit format.
Quand on clique sur une photo je veux ouvrir un popup qui affiche la même photo dans un format plus grand.

mon code :
Code:

1 2 <a href="#" onclick="window.open('contenant.html','popup', 'toolbar=no,menubar=no,location=no,status=no,directories=no,resizeable=yes, scrollbars=no,width=350,height=300')"><img name="img_1" src="10.jpg"> </a>
Je pense qu'il faut passer par une fonction javascript mais je ne vois pas comment l'écrire.

Merci d'avance de m'aider

07/06/2010, 18h28
vermine

Elle est écrite. :D
La voici:

Code:

window.open('contenant.html','popup', 'toolbar=no,menubar=no,location=no,status=no,directories=no,resizeable=yes, scrollbars=no,width=350,height=300')

Qu'est-ce qui ne fonctionne pas ?
07/06/2010, 18h33
philippef

Si ma photo dans la page "photos2010" fait 150px par 300px je veux que dans la page popup cette même photo fasse par exemple 450px par 900px.

Bien sur les dimensions sont bidon.
07/06/2010, 19h00
SpaceFrog

tu connais par avance la taille ?
07/06/2010, 19h10
philippef

Je connais la taille des photos au départ et je peux décider d'augmenter la taille par 3 par exemple.
07/06/2010, 19h15
SpaceFrog

passe les dime en paramètres get du lien du window.open
et su le onload de la page fais un resizeTo()
07/06/2010, 19h25
vermine

On ne va pas y perdre en qualité de photo ? Il ne faudrait mieux pas faire l'inverse ? Redimensionner la grande photo en miniature ?
07/06/2010, 19h27
philippef

Merci, mais est ce que je pourrais avoir un début de code 8O

voici un exemple avec la methode popup...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type="text/javascript">
function init(){
var params=self.location.hash.replace(/^#/,'').split('&')
var source=params[0].split('=')[1];
var Haut=+params[1].split('=')[1];
var Larg=+params[2].split('=')[1]
document.images[0].src=source+'.gif'
document.images[0].style.height=Haut+'px';
document.images[0].style.width=Larg+'px';
window.resizeTo(Larg,Haut)
}
</script>
<title>Zoom</title>
</head>
<body onload="init()">
<img src="" />
</body>
</html>

appelé comme ceci:

Code:

1
2
 
<a href="popzoom.htm#pic=mypic&h=300&w=1000" target="_blank" onclick="window.open('popzoom.htm#pic=mypic&h=300&w=1000','');return false">agrandir</a>

Gros desavantage si le bloqueur de popup est activé ...
Il y a tellement de script de galeries disponibles pour faire des zooms... pourquoi passer par un popup ?

07/06/2010, 20h12
philippef

Merci pour le code.
Je sais que les popup ne sont pas terribles mais j'ai pas le choix.
Je vais essayer de m'en sortir mais je reviendrai certainement.

Merci encore
07/06/2010, 20h25
SpaceFrog

Citation:

Je sais que les popup ne sont pas terribles mais j'ai pas le choix.

pas le choix ??????
pourquoi donc ??? c'est mieux de rester sur la même page et moins contraignant
si c'est le coté fenetre ... on emule très bien les popups avec js