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 :

Img respect des proportions


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    28
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 28
    Par défaut Img respect des proportions
    Bonjour a tous.

    En JS je zoom sur une photo
    voici mon code tout marche bien
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function zoomplus(zoomfactor){
     
    var coef = 200;
    e=document.getElementById('temoin').focus;
    e=document.getElementById('MonImage');
    e.width=(e.width)+zoomfactor*coef/e.height;
     e.height=(e.height)+zoomfactor*coef/e.height;
     }



    mais lorse que je change de photo
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.MonImage.src = ImgDiapo[n];
    et que je passe d'une photo en paysage a une phoyo en portrai par exemple les proportions ne changent pas et la photo est complétement etirée.

    voici mon code html

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <img  height = 70% src="" name="MonImage" id="MonImage"   />
    et les balises pour le zoom
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="button" value="zoom -" onclick="zoomplus(-25)" >
    <input type="button" value="zoom +" onclick="zoomplus(25)" >

    coment faire pour que les proportions s'adaoptent a la nouvelle image.

    D'avance merci de votre aide.

  2. #2
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    Citation Envoyé par DAN14 Voir le message
    Bonjour a tous.

    En JS je zoom sur une photo
    voici mon code tout marche bien
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function zoomplus(zoomfactor){
     
    var coef = 200;
    e=document.getElementById('temoin').focus; //à quoi sert cette ligne
    e=document.getElementById('MonImage');
    e.width=(e.width)+zoomfactor*coef/e.height; <==== ????????????????
     e.height=(e.height)+zoomfactor*coef/e.height;
     }
    ....
    D'avance merci de votre aide.
    A+JYT

  3. #3
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    j'ajouterai : la taille de l'image doit s'exprimer en pixels pas en pourcentage.
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <img  style="height:70px" src="" name="MonImage" id="MonImage"   />

    par ailleurs dans le code javascript où est déclaré "e" ? Et change de nom, "e" pour une variable ce n'est pas très explicite

Discussions similaires

  1. Listview et respect de proportion des images
    Par dvince94 dans le forum Windows Forms
    Réponses: 0
    Dernier message: 25/06/2009, 22h32
  2. Réponses: 6
    Dernier message: 14/06/2007, 15h40

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