Ouvrir un popup

**philippef** · 07/06/2010, 18h13

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**vermine** · 07/06/2010, 18h28

Elle est écrite.

La voici:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**philippef** · 07/06/2010, 18h33

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.

**SpaceFrog** · 07/06/2010, 19h00

tu connais par avance la taille ?

**philippef** · 07/06/2010, 19h10

Je connais la taille des photos au départ et je peux décider d'augmenter la taille par 3 par exemple.

**SpaceFrog** · 07/06/2010, 19h15

passe les dime en paramètres get du lien du window.open
et su le onload de la page fais un resizeTo()

**vermine** · 07/06/2010, 19h25

On ne va pas y perdre en qualité de photo ? Il ne faudrait mieux pas faire l'inverse ? Redimensionner la grande photo en miniature ?

**philippef** · 07/06/2010, 19h27

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

**SpaceFrog** · 07/06/2010, 19h59

voici un exemple avec la methode popup...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**philippef** · 07/06/2010, 20h12

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

**SpaceFrog** · 07/06/2010, 20h25

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

Ouvrir un popup

JavaScript

Discussions similaires

Partager

Partager