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 :

Photo coupée en pop-up


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut Photo coupée en pop-up
    Bonjour à tous,

    J'ai besoin de votre aide, je ne trouve pas de solution

    J'utilise le lien suivant
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <a href="javascript:PopupImage('Photos/small_image12')">
    <img src="Photos/image12.jpg" /a>
    ce lien appelle la fonction javascript suivante :
    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
     
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function PopupImage(img) { 
     
    titre="Photo"; 
    w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
    w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>"); 
    w.document.write("<SCRIPT language=javascript>function place() { var X = document.body.clientHeight; var Y = document.body.clientWidth;var T=Math.round((screen.availHeight-X)/2);var L=Math.round((screen.availWidth-Y)/2);self.moveTo(L,T)}</script><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();place()' 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='Picture'>"); 
    w.document.write("</TD></TR></TABLE>");
    w.document.write("</BODY></HTML>"); 
    w.document.close(); 
    } 
    //-->
    </SCRIPT>
    Et voici mon problème : lorsque je clique sur ce lien afin d'ouvrir la photo en pop-up, celle-ci ne s'ouvre qu'à moitié(une grande partie de la photo est coupée).

    Quelle est la solution pour afficher cette photo entièrement?

    Merci d'avance.

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    mercie de regarder les contributions il y a un post consacré aux popup images ???

    et puis le suite de document.write ... heu
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    un peu de précision p-e, je n'ai rien trouvé

  4. #4
    Membre éclairé Avatar de dragonfly
    Profil pro
    Inscrit en
    Janvier 2006
    Messages
    464
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Janvier 2006
    Messages : 464
    Par défaut
    Salut

    Essaye de remplacer ca :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <a href="javascript:PopupImage('Photos/small_image12')">
    <img src="Photos/image12.jpg" /a>
    par ca
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
    <a href="javascript:PopupImage('Photos/small_image12')">
    <img src="Photos/image12.jpg" alt="" /></a>
    Pitite erreur de syntaxe

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    je vois pas ce que changerait. J'ai malgré tout essayé et rien n'a changé, la photo est toujours coupée.

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    tu as essayé de faire un resizeTo de la popup avec les dimensions de ton image ?

    sur le onload du popup récupères le offsetHeight et offsetWidth de ton image et attribues les en resize à la popup ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    c'est possible d'avoir un bout de code parce que là je suis un peu perdue

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    Voilà mon code actuel

    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
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function PopupImage(img) { 
     
    titre="Photo"; 
    w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
    w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>"); 
    w.document.write("<SCRIPT language=javascript>function place() { var X = document.body.clientHeight; var Y = document.body.clientWidth;var T=Math.round((screen.availHeight-X)/2);var L=Math.round((screen.availWidth-Y)/2);self.moveTo(L,T)}</script><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();place()' 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='Picture'>"); 
    w.document.write("</TD></TR></TABLE>");
    w.document.write("</BODY></HTML>"); 
    w.document.close(); 
    } 
    //-->
    </SCRIPT>

  9. #9
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Voici le code modifié ...
    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
    24
    25
    26
    27
    28
    <SCRIPT type="text/javascript">
    <!--
    function PopupImage(image) { 
     
    w=open("",'image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
    w.document.body.style.margin='0px';
    var ThePic=new Image();
    ThePic.src=image;
    var pic=w.document.createElement('img');
    pic.src=ThePic.src;
    w.document.body.appendChild(pic);
    w.document.close(); 
    if(w.document.images[0].complete){FitPic()}
    else {setTimeout(function(){FitPic(image)},100)}
    }
     
    function FitPic(image){
    var Hauteur=w.document.images[0].offsetHeight + 30
    var Largeur=w.document.images[0].offsetWidth+ 10;
    w.resizeTo(Largeur,Hauteur);
    var scW = screen.availWidth ? screen.availWidth : screen.width;
    var scH = screen.availHeight ? screen.availHeight : screen.height;
    w.moveTo(Math.round((scW-Largeur)/2),Math.round((scH-Hauteur)/2));}
     
     
    PopupImage('Lungs.gif')
    //-->
    </SCRIPT>
    Juste un petit souci il ne tourne pas sous Firefox ...
    J'essaye d'arranger ça ...
    Si quelqu'un voit pourquoi entre deux ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  10. #10
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    Je vais tester ca de suite et je vous communique le résultat.

    Un grand merci d'avance.

  11. #11
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    Malheureusement les photos sont toujours autant coupées.

    ca devient désespérant.

  12. #12
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    tu peux joindre un exemple de photo en pièce jointe ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  13. #13
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    photo exemple en pièce jointe
    Images attachées Images attachées  

  14. #14
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    Avez-vous pu tester?

  15. #15
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Testé avec ton image sans souci .
    Sauf pour FFX pour lequel il ne semble pas capter le path de l'image ???

    Sinon sous IE c'est nickel
    Je continue de rechercher pour FFX...
    Si ça ne focntionne toujours pas chez toi tu dois avoir un souci de browser ou de carte graphique ...
    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
    24
    25
    26
    27
    28
    29
    30
    <script type="text/javascript">
    <!--
    var w=window.open('','image','width=400,height=400,toolbar=no,scrollbars=no,resizable=no');
     
    function PopupImage(image) { 
     
    var pic=w.document.createElement('img');
    w.ThePic=new Image();
    w.ThePic.src=image;
     
    pic.src=w.ThePic.src;
    w.document.body.appendChild(pic);
    w.document.body.style.margin='0px';
    w.document.close(); 
    if(w.document.images[0].complete){FitPic()}
    else {setTimeout(function(){FitPic(image)},100)}
    }
     
    function FitPic(image){
    var Hauteur=w.document.images[0].offsetHeight + 30
    var Largeur=w.document.images[0].offsetWidth+ 10;
    w.resizeTo(Largeur,Hauteur);
    var scW = screen.availWidth ? screen.availWidth : screen.width;
    var scH = screen.availHeight ? screen.availHeight : screen.height;
    w.moveTo(Math.round((scW-Largeur)/2),Math.round((scH-Hauteur)/2));}
     
     
    setTimeout(function(){PopupImage('Picture_5.jpg')},500)
    //-->
    </script>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  16. #16
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    je trouve curieux que l'image ne s'affiche pas car FFX me retourne bien le bon path d'image ???
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  17. #17
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    C'est incompréhensible. J'ai testé sur 2 pc différents, et j'obtiens un résultat identique.

    A chaque fois, il manque une (toute) petite partie au bas de chaque photo.

  18. #18
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    et sinon si tu mets juste la photo dasn la page ? elle est entière ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  19. #19
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    oui dans ce cas elle est entière.

    serait-il possible que ca soit IE7?

  20. #20
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    84
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2006
    Messages : 84
    Par défaut
    Plus personne n'a de solution?

Discussions similaires

  1. Affichage des balises HTML et des photos dans la pop up
    Par youri89 dans le forum IGN API Géoportail
    Réponses: 1
    Dernier message: 04/09/2013, 17h07
  2. Gallerie photos coupé
    Par antoine974 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/10/2008, 07h19
  3. Pop up photo s'ouvre uniquement avec FF
    Par starr dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 28/01/2007, 15h00
  4. [Site] Un site coup-de-coeur de photos nature
    Par calogerogigante dans le forum Lectures
    Réponses: 19
    Dernier message: 25/12/2006, 18h09
  5. Pop-up d'une dialog box a partir d'un bouton
    Par bobbyjack dans le forum MFC
    Réponses: 21
    Dernier message: 13/09/2005, 15h32

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