La largeur et la hauteur de la question avec fancybox

Quand j'ai ajouté ce code, aucun réglage de la largeur et de la hauteur des œuvres 

jQuery(document).ready(function() {
  $('a.iframe').fancybox(); 
});

Quelles sont les options pour la contourner?

InformationsquelleAutor Nima | 2011-09-09
  1. 9

    Prendre un coup d'oeil à la documentation ici: http://fancybox.net/api

    Vous utilisez du contenu en ligne, alors assurez-vous que vous êtes à la définition de la autoDimensions option à false, le long avec la largeur et la hauteur de paramètres.

    Mise à JOUR: j'ai testé la solution suivante avec succès:

        $('a.fbtag').fancybox({
        autoDimensions: false,
        height: 300,
        width: 400
    });

    Cela suppose que le nom de la classe du lien que vous ouvrez est 'fbtag'.

    • Merci mais j'ai déjà essayé et n'ont pas de travail. Le réglage de l'habitude " affecter n'importe quoi!
    • Qu'est-il en train de faire? Est-ce dimensionnement de lui-même à la page html que vous êtes de la nourrir? Si oui, vous pourriez taille w/ CSS au lieu d'être de la taille appropriée.
    • Oui... j'ai essayé ça aussi... j'ai changé #fancybox-wrap #fancybox-content #fancybox-extérieure, mais elles ne vont pas s'naturellement qu'ils font de la zone de se déplacer vers la gauche lorsque sa largeur est changé tout en montrant la fenêtre pop-up.
    • Salut - j'ai mis à jour ma réponse avec la solution. Je l'ai testé moi-même et ça fonctionne.
    • Ne fonctionne pas du tout, j'ai essayé de nombreuses combinaisons...
    • Salut SBerg413 désolé pour mon retard, oui ça fonctionne 🙂 merci beaucoup je vais l'utiliser dans un nouveau projet.
    • Si vous êtes à l'aide de Fancybox 2 alors autoDimensions a changé de autoSize Où: If true, then sets both autoHeight and autoWidth to true Boolean; Default value: true
    • Mais il ne fonctionne pas lorsque nous utilisons type : ajax

    InformationsquelleAutor SBerg413
  2. 2

    Fantaisie Case largeur et la Hauteur varie toujours en fonction du type de support.

    Si nous fournir 5 * 5 pixels de l'image Fantaisie apparaît avec des dimensions de Dimensions de l'Image.

    Pour contrer l'effet des médias dimensions et de définir la largeur par défaut & hauteur de Fantaisie Boîte de

    Essayez ceci:

    $.fancybox.open(collection.toJSON(), {
   afterShow :function(){},
   maxHeight    : 600,
   minWidth : 500           
});

    FancyBox largeur minimale de 500 pixels.

    FancyBox Hauteur sera proportionnelle à la FancyBox données avec une Hauteur maximale de 600 pixels.

    InformationsquelleAutor dev4u
  3. 1

    Par exemple

    $.fancybox({
    'content':"This will be the content of the fancybox",
    'width':'500',
    'autoDimensions':false,
    'type':'iframe',
    'autoSize':false
});
    InformationsquelleAutor d-_-b
  4. 1
    $(document).ready(function() {
    $(".fancy-ajax").fancybox({
        type:           'ajax',
        autoDimensions: false,
        'autoSize':     false,
        'height':       'auto'
    });
});

    Les codes ci-dessus a fonctionné pour moi. Cependant, j'ai été la conception de Twitter Bootstrap.

    InformationsquelleAutor Shaharia Azam
  5. 0

    vous pouvez le faire de deux façon

    Avec iframe 

       $(document).ready(function () {
        $(".fancybox").fancybox({
            width:600,
            height:400,
            type: 'iframe',
            href  : 'url_here'
       });
     })

    Sans iframe

     $(document).ready(function () {
    $(".fancybox").fancybox({
        width:600,
        height:400,
        autoDimensions: false,
   });
 })
    InformationsquelleAutor sandeep kumar