Как установить высоту и ширину fancybox?

Question

Я пишу код для fancybox и его работу, но я хочу установить высоту и ширину для fancybox, но не работает. Я использую ниже код.

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> 

HTML код

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

Пожалуйста, предложите мне идею, как я могу установить ширину и высоту для FancyBox.

Я использую FancyBox в BigCommerce с помощью этой ссылки помогают Big commerce help

Благодарности

Answer 1

Fancybox версия 1.2.5 устарела и не поддерживает параметры, которые вы указали. Попробуйте использовать это вместо этого.

$(".iframe").fancybox({ 
    'overlayShow': false, 
    'frameWidth': 500, // set the width 
    'frameHeight': 100, // set the height 
    'type': 'iframe', // tell the script to create an iframe 
}); 

Answer 2

Этот код работает для меня настройки высоты и ширины изображения

я хочу, чтобы отобразить в 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> 

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> 

Answer 3

использовать этот код:

$(".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());