Comment définir fancybox la hauteur et la largeur?

J'écris un code pour la fancybox et de son travail, mais je veux régler la hauteur et la largeur fancybox mais sa ne fonctionne pas. J'utilise code ci-dessous.

Javascript

    <script type="text/javascript" src="/javascript/jquery/plugins/fancybox/fancybox.js?b84fd"></script>

<script type="text/javascript">

$(document).ready(function() {

/* This is basic - uses default settings */

$("a#single_image").fancybox();

/* Using custom settings */

$("a#inline").fancybox({
'hideOnContentClick': true
});



/* Apply fancybox to multiple items */

$(".iframe").fancybox({
'transitionIn'    :    'elastic',
'transitionOut'    :    'elastic',
'speedIn'     :    600,
'speedOut'     :    200,
'overlayShow'    :    false,
'width'  : 600,           //set the width
    'height' : 600,           //set the height
    'type'   : 'iframe',       //tell the script to create an iframe
    'scrolling'   : 'no'

});

});

</script>

Code HTML

<a id="inline" href="/content/test.html">Test</a>

Veuillez me suggérer idée de comment puis-je définir la hauteur et la largeur de fancybox.

J'utilise fancybox dans bigcommerce à l'aide de ce lien d'aide Grand commerce de l'aide

Grâce

N' "600px" et "600px" au lieu de 600 et 600 arriver à travailler? Les Dimensions sont généralement donnés dans certaines unités de mesure
J'ai mis "600px" et "600px" selon votre suggestion, mais toujours pas de travail.
jsfiddle.net/v9yFs semble fonctionner correctement, la version de jQuery et fancybox utilisez-vous?
j'ai utiliser ce ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js jquery @Spokey
j'utilise fancybox Version: 1.2.5 @Spokey

OriginalL'auteur Jalpesh Patel | 2013-05-23

  1. 3

    Fancybox version 1.2.5 est vieux et ne prend pas en charge les paramètres que vous avez donné. Essayez d'utiliser ceci à la place.

    $(".iframe").fancybox({
    'overlayShow': false,
    'frameWidth': 500, //set the width
    'frameHeight': 100, //set the height
    'type': 'iframe', //tell the script to create an iframe
});
    J'ai utiliser ce fancybox dans la bigcommerce site et maintenant je vérifie que dans firebug hauteur et la largeur est définie par un css qui n'est pas accessible aux développeurs tiers. Est-il possible de remplacer les vieux css à l'aide de java script et merci de m'aider @Sopkey
    vous pouvez essayer cela et voir si elle fonctionne jsfiddle.net/v9yFs/16
    +1 : je pense que vous n'avez pas besoin de la fonction de rappel. @Jalpesh : Spokey de l'échantillon fonctionne très bien, cependant, vous devez ajouter le class="iframe" de votre code html à le faire fonctionner avec ce script. Voir mise à jour jsfiddle.net/v9yFs/18

    OriginalL'auteur Spokey

  2. 3

    Ce code fonctionne pour moi paramètres de hauteur et de la largeur d'une image

    je veux afficher dans fancybox

    $('#viewlogo').live('click', function(){
    $this = $(this);
    $.fancybox({
        'opacity'       :   true,
        'overlayShow'   :   true,
        'overlayColor'  :   '#525252',
        'width'         :   400,
        'height'        :   400,
        'href'          : $this.attr('href')
    });
    return false;
});

<a id="viewlogo"  class="iframe" href="<?php echo $orig_image; ?>"><img class ="printhide"  src="<?php echo $topic_media_URL; ?>" border="1"  width="100" height="100" /></a>

    Code Html

    <a id="viewlogo"  class="iframe" href="<?php echo $orig_image; ?>"><img   src="<?php echo $topic_media_URL; ?>" border="1"  width="100" height="100" /></a>
    Salut, .live est obsolète et ne doit pas être utilisé dans le nouveau code. Utilisation .on à la place. Aussi, je ne comprends pas ce que le gestionnaire de clic est pour
    ya je vais prendre soin à l'avenir, le gestionnaire de clic est pour le lancement complet de l'image quand on clique sur une vignette.
    J'utilise cette fonction, mais ne fonctionne toujours pas

    OriginalL'auteur Rinzler

  3. 1

    utiliser ce code:

    $(".fancybox-wrap").height($(".fancybox-iframe").contents().find("html").height() + 30);
$(".fancybox-skin").height($(".fancybox-iframe").contents().find("html").height() + 30);
$(".fancybox-inner").height($(".fancybox-iframe").contents().find("html").height());

    OriginalL'auteur r1si