IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

fonction Popup Image


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    177
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 177
    Par défaut fonction Popup Image
    bonjour,

    voici une fonction PopupImage qui affiche l'image en popup.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <SCRIPT LANGUAGE="JavaScript">
    function PopupImage(img) {
    	w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes,width=300,height=300');	
    	w.document.write("<BODY onblur=\"window.close();\"><IMG src='"+img+"'");
    	w.document.write("</BODY>");
    	w.document.close();
    }
    </script>
    <A href="javascript:PopupImage('1.jpg')"> <img src="2.jpg" border='0'  /></A>&nbsp;</td>
    je veux quand j'appel la fonction le popup prend la forme de l'image si l'image a width='300' height='300' o popub s'affiche en taille de l'image width='300' height='300' . et Merci.

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    heu si j'ai bien compris la question tu veux adapter la taille de ta popup en fonction de celle de l'image :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <SCRIPT LANGUAGE="JavaScript">
    function PopupImage(img) {
    var largeur = img.width ;
    var hauteur = img.height;	w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes,width=largeur ,height=hauteur');	
    	w.document.write("<BODY onblur=\"window.close();\"><IMG src='"+img+"'");
    	w.document.write("</BODY>");
    	w.document.close();
    }
    </script>
    <A href="javascript:PopupImage('1.jpg')"> <img src="2.jpg" border='0'  /></A>&nbsp;</td>
    Voila bon courage

  3. #3
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    177
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 177
    Par défaut
    La meme chose mon ami. rien n'a changé

  4. #4
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    Pardon ... je pensais que tu aurais adapté le code je l'ai donné grossièrement
    Voila testé et approuvé

    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
    22
    23
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Document sans nom</title>
    <script type="text/javascript">
    function PopupImage(img) {
    var largeur = img.width ;
    var hauteur = img.height;	
    w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes,width='+largeur+' ,height='+hauteur);	
    	w.document.write("<BODY onblur=\"window.close();\"><IMG src='"+img.src+"'");
    	w.document.write("</BODY>");
    	w.document.close();
    }
    </script>
    </head>
     
    <body>
     
    <img src="LIENDETONIMAGE" border='0' onclick="PopupImage(this)"  />
    </body>
    </html>
    celui ci fontionne

  5. #5
    Membre confirmé
    Inscrit en
    Avril 2007
    Messages
    177
    Détails du profil
    Informations forums :
    Inscription : Avril 2007
    Messages : 177
    Par défaut
    Merci Mon ami pour ton réponse mais il reste la meme chose avec ce code là:
    dans le lien je reduits la taille de l'image width="100" et height="100" mais quand je click sur elle je veux l'aficher image avec sa taille normale si l'image a 250 en width et 300 en height le popup va prendre cette taille et afficher image .et merci

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Document sans nom</title>
    <script type="text/javascript">
    function PopupImage(img) {
    var largeur = img.width ;
    var hauteur = img.height;
    w=open("",'image','weigth=toolbar=no,scrollbars=no,resizable=yes,width='+largeur+' ,height='+hauteur);
    w.document.write("<BODY onblur=\"window.close();\"><IMG src='"+img.src+"'");
    w.document.write("</BODY>");
    w.document.close();
    }
    </script>
    </head>

    <body>

    <img src="p.jpg" border='0' onclick="PopupImage(this)" width="100" height="100"/>
    </body>
    </html>

  6. #6
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    La a part génèrer une miniature , ou récupèrer la taille de l'image avant de la charger ...

Discussions similaires

  1. Javascript et PHP -- popup image
    Par ptitelolo dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 14/05/2007, 15h04
  2. reconnaissance popup image
    Par franfr57 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/12/2006, 13h22
  3. fonctions d'image : texte sur image
    Par guy2004 dans le forum Langage
    Réponses: 2
    Dernier message: 10/08/2006, 09h56
  4. [aide fonction popup.close() ]
    Par viny dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 17/07/2006, 16h41
  5. fonction récupérant des valeurs dans une fonction popup...
    Par petitsims dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/01/2005, 14h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo