maxencer | Bonjour, voila je cherche a faire sur un site internet que je suis en train de developper, une visionneuse d'image qui s'ouvre dans un popup. Je veux que lorsque je clique sur une image, un popup s'ouvre avec une visionneuse d'image.
J'ai déja la visionneuse d'image en javascript que j'utilise sur une autre partie du site.
Citation :
<script type="text/javascript">
var bauto = 0;
var dossier="";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("page1.jpg", "page2.jpg", "page3.jpg","page4.jpg" );
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.vision.automat.value=" Lect/Stop ";
}
else {
bauto =0; initial();
document.vision.automat.value=" Lect/Auto ";
}
}
</script>
|
A l'endroit ou les images défile,
Citation :
<form name="vision">
<div align="center">
<input type="button" name="precedent" value="Précédente" onClick="precedente();"/>
<input type="button" name="suivant" value=" Suivante " onClick="suivante();"/>
<input type="button" name="automat" value=" Lect/Auto "onClick="auto();"/>
</div>
</form>
<div align="center"> <img src="page1.jpg" name="image"/></div>
|
Pour les popup dans une partie du site, j'utilise cette fonction
Citation :
<script type="text/javascript">
function fenetreCent(url,nom,largeur,hauteur,options) {
var haut=(screen.height-hauteur)/2;
var Gauche=(screen.width-largeur)/2;
fencent=window.open(url,nom,"top="+haut+",left="+Gauche+",width="+largeur+",height="+hauteur+","+options);
}
</script>
|
Et a l'endroit ou est l'image sur laquelle cliqué
Citation :
<a href='javascript:fenetreCent("page1.jpg","page1",800,800,"" )'><img src="page1.jpg" alt="" height="400px" /></a>
|
Donc comment faire pour que la visonneuse s'ouvre dans un popup ? Je séche un peu. |
