Question

我正在使用Fancybox 1.3.4（目前是最新的），我使用以下HTML元素：

<a href="LARGE_URL" title="FANCY_CAPTION" rel="gallery" class="gallery-item">
  <img src="SMALL_URL"/> 
</a> 
<a> ... repeat N times... </a>

然后我使用以下jQuery代码：

<script>
  $(document).ready(function() {
    $('a.gallery-item').fancybox({
        'autoDimensions': 'false',
        'width':900,
        'height':'auto',
        'cyclic': true,
        'centerOnScroll': 'false',
        'hideOnOverlayClick': true,
        'hideOnContentClick': false,
        'overlayShow': true,
        'overlayOpacity': 0.7,
        'overlayColor': '#666',
        'titleShow': true,
        'titlePosition': 'inside',
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'speedIn': 400,
        'speedOut': 200,
        'showCloseButton': true,
        'showNavArrows': true,
        'enableEscapeButton': true
    });
  });        
</script>

我也试过

    'width':'900',

或同时设置

    'width':900,
    'height':600,

但它不起作用。

对此有何解决方案？

我需要精确尺寸的＃fancybox-wrapper元素。

Answer 1

尝试删除false附近的引号：

'autoDimensions': false

Fancybox 1.3.x忽略宽度和高度参数

1 个答案: