在我的网站上添加了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>
知道导致问题的原因吗?感谢。