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 :

afficher la largeur d'une image


Sujet :

JavaScript

  1. #1
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 470
    Points : 5 828
    Points
    5 828
    Billets dans le blog
    1
    Par défaut afficher la largeur d'une image
    Bonsoir,

    je voudrais afficher la largeur d'une image (bien sûr, ce n'est qu'une étape). Donc, je le fais en js, mais cela se trouve au milieu de code PHP. Voilà mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    echo ('<td><img name="image" src="http://---/uploads/'.nl2br($ligne[11]).'">');
    echo ('width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script></td>');}
    et ça me donne ça :
    width=undefined
    Où est le problème ?

  2. #2
    Rédacteur
    Avatar de bigboomshakala
    Homme Profil pro
    Consultant Web .NET
    Inscrit en
    Avril 2004
    Messages
    2 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Val de Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant Web .NET
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2004
    Messages : 2 077
    Points : 2 757
    Points
    2 757
    Par défaut
    Citation Envoyé par laurentSc Voir le message
    Où est le problème ?
    Comment te dire ?
    1.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    width=<script language="JavaScript"
    2. Dans le forum JavaScript, on s'attend à avoir le code généré, pas le code PHP

  3. #3
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 470
    Points : 5 828
    Points
    5 828
    Billets dans le blog
    1
    Par défaut
    Voici un code généré qui donne "undefined" :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img name="image" src="http://---/uploads/IMAG0024.JPG">width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script>

  4. #4
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 470
    Points : 5 828
    Points
    5 828
    Billets dans le blog
    1
    Par défaut
    J'ai fni par trouver tout seul comme un grand : comme je faisais une boucle, il fallait modifier l'identifiant de l'image à chaque tour. Je m'en suis rendu compte, car l'affichage était correct pour la première image et "undefined" pour les suivantes.

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par laurentSc
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    echo ('<td><img name="image" src="http://---/uploads/'.nl2br($ligne[11]).'">');
    echo ('width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script></td>');}
    Oh mon dieu !!!

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    src="http://---/uploads/'.nl2br($ligne[11]).'"
    Tu comptes réellement insérer des <br /> dans le src de ton image !

    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    echo ('width=<script language="JavaScript" type="text/javascript">document.write(document.image.width);</script></td>');}

    Mais c'est horrible !
    Si tu veux affecter un width à ton image, fais-le en récupérant les dimensions avec PHP mais certainement pas comme ça

  6. #6
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 470
    Points : 5 828
    Points
    5 828
    Billets dans le blog
    1
    Par défaut
    Tu comptes réellement insérer des <br /> dans le src de ton image !
    Le nl2br, c'est juste un copier-coller, mais c'est vrai qu'il ne sert à rien ici.
    Si tu veux affecter un width à ton image, fais-le en récupérant les dimensions avec PHP mais certainement pas comme ça
    Oui, en effet, c'est beaucoup plus simple, mais j'ai eu le réflexe js car je ne connaissais que cette solution...

  7. #7
    Membre émérite
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Points : 2 411
    Points
    2 411
    Par défaut
    Salut,

    Citation Envoyé par Bovino
    Si tu veux affecter un width à ton image, fais-le en récupérant les dimensions avec PHP
    Et cela te permettrait aussi d'ajouter les attributs width et height aux balises <img />.

  8. #8
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 470
    Points : 5 828
    Points
    5 828
    Billets dans le blog
    1
    Par défaut
    Car c'est mieux de faire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="---" width="xxx" height="yyy"/>
    que juste ?

  9. #9
    Membre émérite
    Avatar de Eric2a
    Homme Profil pro
    Technicien
    Inscrit en
    Septembre 2005
    Messages
    1 225
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 53
    Localisation : France, Corse (Corse)

    Informations professionnelles :
    Activité : Technicien

    Informations forums :
    Inscription : Septembre 2005
    Messages : 1 225
    Points : 2 411
    Points
    2 411
    Par défaut
    Bien qu'ils soient facultatifs, il est préférable de les utiliser si tu connais les dimensions au moment de créer la balise <img />.

  10. #10
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    C'est surtout utile si tu veux afficher les images avec d'autres dimensions que celles de l'image réelle

  11. #11
    Expert confirmé
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 470
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 60
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 470
    Points : 5 828
    Points
    5 828
    Billets dans le blog
    1
    Par défaut
    C'est surtout utile si tu veux afficher les images avec d'autres dimensions que celles de l'image réelle
    C'est justement, ce que je compte faire ici :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $w=min($getimagesize(image)[0],'une_valeur');echo('<img src="image" width='.$w.'>');
    J'ai écrit ça sans trop réfléchir, donc il y a peut-être des erreurs, mais ça donne l'idée.(et je n'impose que le width ; comme ça, le height restera proportionnel)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Afficher certaines parties d'une image
    Par Seb33300 dans le forum Flash
    Réponses: 7
    Dernier message: 19/03/2007, 14h03
  2. Réponses: 11
    Dernier message: 25/02/2007, 01h56
  3. largeur d'une image loader
    Par chernisoft dans le forum Flash
    Réponses: 6
    Dernier message: 27/05/2006, 16h50
  4. [IMAGE] Comment obtenir hauteur largeur d'une image ??
    Par pouillou dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 05/05/2006, 21h38
  5. [VB.NET] [WinForms] Afficher un rectangle sur une image
    Par Noodles dans le forum Windows Forms
    Réponses: 3
    Dernier message: 20/12/2004, 10h36

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