Fancybox 2在Google Chrome上呈现错误

时间:2014-10-01 12:44:40

标签: javascript google-chrome fancybox-2

在我的网站上添加了fancybog图库,但它在Google Chrome上呈现错误。使用Firefox(Win),Internet Explorer和Safari(Mac)测试它 - 最新版本。该问题仅出现在Chrome(也称为Chrome Canary)中。

显示框架,但未调整到窗口。如果我向下滚动框架移动。整个窗口变暗(图片也变暗),控件消失。画廊功能也被破坏了。

我正在使用fancyBox 2.1.3 我的代码:

JS:

if (jQuery(".fancybox-button").size() > 0) {
            jQuery(".fancybox-button").fancybox({
                groupAttr: 'data-rel',
                prevEffect: 'none',
                nextEffect: 'none',
                closeBtn: true,
                helpers: {
                    title: {
                        type: 'inside'
                    }
                }
            });
        }

HTML:

<a href="assets/img/1.jpg" data-rel="listing_gallery" class="fancybox-button">IMG1</a>
<a href="assets/img/2.jpg" data-rel="listing_gallery" class="fancybox-button">IMG2</a>
<a href="assets/img/3.jpg" data-rel="listing_gallery" class="fancybox-button">IMG3</a>
<a href="assets/img/4.jpg" data-rel="listing_gallery" class="fancybox-button">IMG4</a>
<a href="assets/img/5.jpg" data-rel="listing_gallery" class="fancybox-button">IMG5</a>

知道导致问题的原因吗?感谢。

0 个答案:

没有答案