FancyBox redimensionner la largeur

Je suis capable de redimensionner la hauteur avec la $.fancybox.resize(); partie, mais la largeur ne fait pas de mise à jour selon le nouveau contenu. Pensées?

InformationsquelleAutor johnnyArt | 2010-03-07
  1. 8

    De la fancybox api docs:

    $.fancybox.resize: "Auto-redimensionne FancyBox hauteur pour correspondre à la hauteur du contenu."

    De sorte qu'il semble comme il n'est pas prévu pour régler la largeur.

    Si vous souhaitez régler la largeur, vous pouvez le faire manuellement en le redimensionnement de la #fancybox-wrap et #fancybox-inner éléments. Après quelques très rapide vérification, il ressemble à #fancybox-wrap est fixé à 20px plus large que #fancybox-inner:

    $('#fancybox-inner').width(400);
$('#fancybox-wrap').width(420);

    Vous pouvez également contrôler la largeur lors de votre première inscription fancybox à l'aide de la width option:

    $('#somelink').fancybox({ width: '100px' });
    InformationsquelleAutor TM.
  2. 4

    Dans les versions plus récentes de fancybox (1.3.4 dans mon cas) utiliser

    $('#fancybox-content').width(600);

    au lieu de 

    $('#fancybox-inner').width(400);

    pour ajuster manuellement la largeur

    InformationsquelleAutor Hannes
  3. 1

    Voici ce qui a fonctionné pour moi:

    $('#fancybox-wrap, #fancybox-outer, #fancybox-content').css('width', 'auto');
$.fancybox.center();
    InformationsquelleAutor earachefl
  4. 1

    faire quelques changements dans jquery.fancybox.js près de la ligne nubmer:837 changement 

    current.width = loadingBay.width();

    à 

    current.width = loadingBay.width() + 2*current.padding;

    il a bien fonctionné pour moi.

    InformationsquelleAutor bhattraideb
  5. -1

    Il suffit d'ouvrir jquery.fancybox.js et ajouter votre propre largeur. Voici mon code avec une largeur de 72%.

    //Reset dimensions so we could re-check actual size
        wrap.add(skin).add(inner).width('72%').height('auto').removeClass('fancybox-tmp');
    InformationsquelleAutor Badar