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 :

Redimensionner une image dans un background


Sujet :

JavaScript

  1. #1
    Membre du Club Avatar de Prue
    Profil pro
    Inscrit en
    Juillet 2003
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France

    Informations forums :
    Inscription : Juillet 2003
    Messages : 101
    Points : 59
    Points
    59
    Par défaut Redimensionner une image dans un background


    Voilà, le sujet existe déjà ici http://www.developpez.net/forums/d30...ge-background/ mais je n'arrive pas à faire fonctionner la solution et comme c'est tagué résolu j'ai peur de n'avoir jamais de réponse à la question que j'ai posé.

    Donc je reprends. J'aimerais redimensionner l'image d'un background et d'après le sujet précédemment cité c'est possible (bien que techniquement, je ne comprenne pas que ça fonctionne )

    Alors voici mon code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    var img = new Image();
    var imgWidth = 209;
    var imgHeight = 91;
     
    img.src = 'http://localhost:8080/frontoffice/monImage';
     
    img.width = imgWidth;
    img.height = imgHeight;
     
    document.getElementById('divLogo').style.backgroundImage = "url("+img.src+")";
    L'image est bien affectée à mon background et donc s'affiche bien dans ma page mais le redimensionnement n'est pas appliqué (bien que les propriété width et height de img soit correctement renseignées).

    Merci d'avance pour votre aide

  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 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    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 640
    Points : 66 669
    Points
    66 669
    Billets dans le blog
    1
    Par défaut
    on ne peut pas appliquer une taille à une image en background...
    mets ton image en balise img avec un z-index d'arrière plan mais pas en background.
    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 !

Discussions similaires

  1. Positionner une image dans le background d'un panel
    Par mappy dans le forum Windows Forms
    Réponses: 2
    Dernier message: 10/11/2008, 15h21
  2. redimensionner une image dans de texte RTF (RichEdit)
    Par byhack0 dans le forum Autres outils décisionnels
    Réponses: 1
    Dernier message: 29/05/2008, 09h23
  3. Redimensionner une image dans un JButton
    Par mooch dans le forum Interfaces Graphiques en Java
    Réponses: 2
    Dernier message: 06/03/2008, 23h47
  4. [VB.NET] Redimensionner une image dans un PictureBox
    Par Monster77 dans le forum Windows Forms
    Réponses: 6
    Dernier message: 05/04/2007, 18h24
  5. Redimensionner une image dans une popup
    Par 12_darte_12 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 11/10/2005, 16h52

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