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

jQuery Discussion :

Largeur div avec jquery en pourcentage


Sujet :

jQuery

  1. #1
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2016
    Messages
    128
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Novembre 2016
    Messages : 128
    Par défaut Largeur div avec jquery en pourcentage
    Bonjour,

    Je cherche a adapter ce code jquery pour que la largeur de mon div "book" soit en pourcentage.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="book" class='album'>

    fonctionne mais utile au contraire c'est le pourcentage que je ne trouve pas la méthode exacte
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    d.wowBook.defaults={width:1200,......
    ne fonctionne pas
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    d.wowBook.defaults={"width:100%",...... 
    d.wowBook.defaults={'width:100%',...... 
    d.wowBook.defaults={width:"100%",...... 
    d.wowBook.defaults={width:100+"%",......

    Une partie du code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    d.wowBook.defaults={width:501,height:300,startPage:0,hardcovers:!1,hardPages:!1,centeredWhenClosed:!1,transparentPages:!1,use3d:!0,perspective:2E3,
    bookShadow:!0,gutterShadow:!0,shadowThreshold:20,shadows:!0,foldGradient:!0,foldGradientThreshold:20,pageNumbers:!0,firstPageNumber:1,numberedPages:!1,deepLinking:!0,updateBrowserURL:!0,curl:!0,curlSize:40,slideShow:!1,slideShowDelay:1E3,pauseOnHover:!0,mouseWheel:!1,handleWidth:!1,handleClickDuration:300,turnPageDuration:1E3,turnPageDurationMin:300,forceBasicPage:!1,sections:".wowbook-section",zoomLevel:1,zoomMax:2,zoomMin:1,zoomBoundingBox:window,zoomStep:0.05,onZoom:null,flipSound:!0,flipSoundFile:["page-flip.mp3",
    "page-flip.ogg"],flipSoundPath:"./wow_book/sound/",onPlayFlipSound:null,keyboardNavigation:{back:37,advance:39},clipBoundaries:!0,controls:{},onShowPage:null,onHoldPage:null,onReleasePage:null};
    d'avance merci

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 513
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

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

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 513
    Par défaut
    as-tu essayé
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    $(document).ready(function(){
        $(".album").css('width','100%');
    });
    ?

  3. #3
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2016
    Messages
    128
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Novembre 2016
    Messages : 128
    Par défaut
    Merci impeccable

  4. #4
    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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    wowBook c'est un plugin ?
    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 !

  5. #5
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 513
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

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

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 513
    Par défaut
    oui SpaceFrog wowBook est un plugin apparemment voilà la documentation, j'ai cherché un peu pour voir ses options, mais je n'ai pas trouvé grand chose.

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

Discussions similaires

  1. positionnement d'un div avec jquery?
    Par bylka dans le forum jQuery
    Réponses: 3
    Dernier message: 21/02/2012, 18h53
  2. Actualise un Div avec Jquery et onmouseover
    Par Robin21a dans le forum jQuery
    Réponses: 6
    Dernier message: 08/02/2011, 02h16
  3. Afficher et cacher une div avec jquery.
    Par p2w.walas dans le forum jQuery
    Réponses: 2
    Dernier message: 12/08/2009, 10h53
  4. Réponses: 5
    Dernier message: 25/08/2008, 18h31
  5. Largeur d'un div avec image de fond
    Par Hayabusa dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 30/10/2007, 16h46

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