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 :

Taille image maximale


Sujet :

JavaScript

  1. #1
    Membre Expert
    Avatar de Lung
    Profil pro
    Analyste-programmeur
    Inscrit en
    Mai 2002
    Messages
    2 703
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyste-programmeur
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2002
    Messages : 2 703
    Par défaut Taille image maximale
    Comment afficher une image en taille réelle, et spécifier une taille maximale dans le cas où elle dépasserait cette limite ?

    L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai. :bug: ___ "http://club.developpez.com/regles/#LIII-A"Écrivez dans un français correct !!

    C++Builder 5 - Delphi 6#2 Entreprise - Delphi 2007 Entreprise - Delphi 2010 Architecte - Delphi XE Entreprise - Delphi XE7 Entreprise - Delphi 10 Entreprise - Delphi 10.4.2 Entreprise - Delphi 11.3 Entreprise - Visual studio 2022
    OpenGL 2.1 - Oracle 10g - Paradox - Interbase (XE) - PostgreSQL (15.7)

  2. #2
    Membre Expert
    Avatar de FremyCompany
    Profil pro
    Étudiant
    Inscrit en
    Février 2006
    Messages
    2 532
    Détails du profil
    Informations personnelles :
    Âge : 33
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2006
    Messages : 2 532
    Par défaut
    HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img h="200" w="100" name="MaxImage" src="" />
    EN FIN DE PAGE (avant le </body>)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    var MImages=document.getElementsByName("MaxImage")
    for (var i = 0; i < MImages.length; i++) {
       if (MImages[i].offsetHeight > parseInt(MImages[i].getAttribute("h"))) {
          MImages[i].style.height = MImages[i].getAttribute("h");
       }
    }
    Pas testé mais normalement ok
    A completer.
    Si tu adapte le code, redonne le, comme ca, je le garde sur mon disque dur pour si jamais...
    Si en adaptant, tu rencontres des problèmes, n'hésite pas !

  3. #3
    Membre Expert
    Avatar de Lung
    Profil pro
    Analyste-programmeur
    Inscrit en
    Mai 2002
    Messages
    2 703
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyste-programmeur
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mai 2002
    Messages : 2 703
    Par défaut
    Ca marche bien.


    Sinon, j'ai trouvé "l'équivalent" en PHP (mais en beaucoup plus long):
    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
    31
    32
    function RedimImage($FichierImage, $DestWidth, $DestHeight)
    {
       //.Lit les dimensions de l'image.
       $Taille = GetImageSize($FichierImage);  
       $SourceWidth = $Taille[0];
       $SourceHeight = $Taille[1];
     
       //.Si image plus petite que la zone.
       if(($SourceWidth < $DestWidth) && ($SourceHeight < $DestHeight))
       {
          $DestWidth = $SourceWidth;
          $DestHeight = $SourceHeight;
       }
       else
       {
          //.Teste les dimensions tenant dans la zone.
          $TestHeight = round(($DestWidth / $SourceWidth) * $SourceHeight);
          $TestWidth = round(($DestHeight / $SourceHeight) * $SourceWidth);
          //.Si Height final non précisé (0).
          if(! $DestHeight)
             $DestHeight = $TestHeight;
          elseif(! $DestWidth)      // Sinon si Width final non précisé (0).
             $DestWidth = $TestWidth;
          elseif($TestHeight > $DestHeight)      //.Sinon teste quel redimensionnement tient dans la zone.
             $DestWidth = $TestWidth;
          else
             $DestHeight = $TestHeight;
       }
     
       //.Affiche les dimensions optimales.
       return "width=" . $DestWidth . " height=" . $DestHeight;
    }
    L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai. :bug: ___ "http://club.developpez.com/regles/#LIII-A"Écrivez dans un français correct !!

    C++Builder 5 - Delphi 6#2 Entreprise - Delphi 2007 Entreprise - Delphi 2010 Architecte - Delphi XE Entreprise - Delphi XE7 Entreprise - Delphi 10 Entreprise - Delphi 10.4.2 Entreprise - Delphi 11.3 Entreprise - Visual studio 2022
    OpenGL 2.1 - Oracle 10g - Paradox - Interbase (XE) - PostgreSQL (15.7)

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

Discussions similaires

  1. taille image <img>
    Par Mike35 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 02/03/2006, 11h20
  2. [ImageMagick] Contenu d'un répertoire et taille images
    Par FoxLeRenard dans le forum Bibliothèques et frameworks
    Réponses: 8
    Dernier message: 07/02/2006, 17h40
  3. taille page = taille image
    Par sohnic dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 25/12/2005, 13h47
  4. Taille image d'accueil
    Par JeanMi66 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 19/09/2005, 11h27
  5. [Image]Vérifier taille image lors d'upload FTP
    Par MiJack dans le forum Bibliothèques et frameworks
    Réponses: 5
    Dernier message: 10/09/2004, 01h10

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