Visionneuse d'image dans un popup

Visionneuse d'image dans un popup - HTML/CSS - Programmation

Marsh Posté le 16-06-2008 à 16:23:17    

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();"/>
    &nbsp;&nbsp;&nbsp;
    <input type="button" name="suivant" value=" Suivante " onClick="suivante();"/>
    &nbsp;&nbsp;&nbsp;
    <input type="button" name="automat" value=" Lect/Auto "onClick="auto();"/>
   </div>
  </form>
  <div align="center">&nbsp;<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.

Reply

Marsh Posté le 16-06-2008 à 16:23:17   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed