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 un fond proprement


Sujet :

JavaScript

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    216
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2006
    Messages : 216
    Points : 159
    Points
    159
    Par défaut Redimensionner un fond proprement
    Bonjour à tous

    Voilà, j'en appelle à vos lumières pour savoir s'il est possible de redimensionner proprement une image de fond en fonction de la taille de la fenêtre et à chaque instant, comme on peut le voir sur ce site : http://www.twinphotographie.com/ (essayez de réduire/agrandir la fenêtre de votre navigateur, vous verrez... c'est vraiment bien fichu) ?

    J'ai trouvé plusieurs réponses, mais plutôt dans le redimensionnement du type "si RESOLUTION = xxx, ALORS prendre image-xxx.jpg"... Rien de "dynamique" là-dedans.

    Je pensais plutôt à une solution javascript que Flash, question de préférence

    Merci par avance !
    Clément

  2. #2
    Rédacteur/Modérateur
    Avatar de andry.aime
    Homme Profil pro
    Inscrit en
    Septembre 2007
    Messages
    8 391
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Ile Maurice

    Informations forums :
    Inscription : Septembre 2007
    Messages : 8 391
    Points : 15 059
    Points
    15 059
    Par défaut
    Salut,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <img src="image.gif" width=100 height=100 name="monImage">
    <script type="text/javascript">
    document.images['monImage'].width=document.body.clientWidth;
    document.images['monImage'].height=document.body.clientHeight;
    </script>

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    216
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2006
    Messages : 216
    Points : 159
    Points
    159
    Par défaut
    Merci pour la réponse,

    Le problème étant qu'avec un tel script il ne le fait qu'une seule fois...
    Il ne le fait pas si la personne redimensionne la fenêtre de son navigateur.

  4. #4
    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
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    window.onresize = function(){
        document.images['monImage'].width=document.body.clientWidth;
        document.images['monImage'].height=document.body.clientHeight;
    }

  5. #5
    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 644
    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 644
    Points : 66 671
    Points
    66 671
    Billets dans le blog
    1
    Par défaut
    Sinon on peut aussi élargir le cercle de ses amis


  6. #6
    Membre habitué
    Profil pro
    Inscrit en
    Juin 2006
    Messages
    216
    Détails du profil
    Informations personnelles :
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Juin 2006
    Messages : 216
    Points : 159
    Points
    159
    Par défaut
    Merci beaucoup

    Dommage que ça ne soit pas "fluide" (il faut lâcher la souris pour voir le résultat), mais je doute que l'on puisse espérer mieux... Je pense que le Flash proposé sur le site dont je mettais le lien change pas mal de choses...

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

Discussions similaires

  1. Comment redimensionner un fond d’écran ?
    Par Cubicole dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 01/06/2013, 23h53
  2. Image redimensionnée et fond
    Par korben83 dans le forum Langage
    Réponses: 3
    Dernier message: 22/02/2010, 13h57
  3. [Outlook 07] Comment faire un fond redimensionnable ?
    Par mimi007 dans le forum VBA Outlook
    Réponses: 1
    Dernier message: 29/10/2007, 10h25
  4. redimensionner un fond d'écran
    Par augustus dans le forum wxPython
    Réponses: 3
    Dernier message: 07/06/2007, 10h44
  5. [CSS] Redimensionner l'image de fond dans un champ input
    Par choubiroute dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/01/2006, 11h25

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