Partage
  • Partager sur Facebook
  • Partager sur Twitter

Fermer image JS

Sujet résolu
Satis8
    25 juin 2006 à 23:50:57

    Bonjour,

    Je possède une gallerie d'image avec des miniatures, quand je clique sur la miniature, ça affiche la photo en taille réelle. Seulement en dessous de la photo je voudrais ecrire "cliquez sur l'image pour fermer la fenêtre" mais je ne sais pas comment faire etant donnée que j'appel juste la photo. Voici le code JS:


    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function PopupImage(img) {
    titre="Agrandissement";
    w=open("",'image','width=650,height=530,toolbar=no,scrollbars=no,resizable=no');
    w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
    w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
    w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
    w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
    w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Adventure Highlands Paris'>");
    w.document.write("</TD></TR></TABLE>");
    w.document.write("</BODY></HTML>");
    w.document.close();
    }
    //-->
    </SCRIPT>


    Et le code du lien:

    <a href="javascript:PopupImage('images/parc1/paris_screen27.jpg')"><img src="images/parc1/small/paris_screen27.jpg" width="130" height="98" border="0" /></a>


    Merci :)
    • Partager sur Facebook
    • Partager sur Twitter
    Anonyme
      26 juin 2006 à 0:26:19

      Change ta fonction js par celle-ci
      Suffit de cliquez sur l'image et le popup se fermera ;)

      <SCRIPT LANGUAGE="JavaScript">
      <!--
      function PopupImage(img) {
      titre="Agrandissement";
      w=open("",'image','width=650,height=530,toolbar=no,scrollbars=no,resizable=no');
      w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>");
      w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>");
      w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>");
      w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>");
      w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Adventure Highlands Paris' onclick='window.close()' /> ");
      w.document.write("</TD></TR></TABLE>");
      w.document.write("</BODY></HTML>");
      w.document.close();
      }
      //-->
      </SCRIPT>
      • Partager sur Facebook
      • Partager sur Twitter
      Satis8
        26 juin 2006 à 9:33:25

        ah ok, je devais ajouter ça:
        onclick='window.close()' /> "


        Merci :)
        • Partager sur Facebook
        • Partager sur Twitter
        PainKetchup
        • HTML / CSS
          26 juin 2006 à 12:46:32

          indique que ton problème est résolu si il l'est
          • Partager sur Facebook
          • Partager sur Twitter

          Fermer image JS

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur ●
          • Markdown