Javascript Fancybox闪烁并赢得'；不要转到下一张图片

Fancybox的非常简单的缩略图版本，其他图像隐藏在“display:none”div中，它一直工作到我在自己的css中更改导航，而这与Fancybox没有任何关系。但是，当我将html/css文件上传到服务器时，我开始出现闪烁，图像底部出现小故障，无法点击“下一步”箭头或关闭fancybox。这在所有MAC/PC浏览器中都会发生。以前有人经历过吗

Javascript:

<script>$(document).ready(function() {
$(".fancybox-thumb").fancybox({
    prevEffect  : 'none',
    nextEffect  : 'none',
    padding : '0',
    helpers : {
        title   : {
            type: 'outside'
        },
        thumbs  : {
            width   : 50,
            height  : 50
        }
    }
});});</script>

$（文档）.ready（函数（）{
$（“.fancybox拇指”）.fancybox({
效果：“无”，
下一个效果：“无”，
填充：“0”，
助手：{
标题：{
类型：“外部”
},
拇指：{
宽度：50，
身高：50
}
}
});});

头部标签之间：

<link rel="stylesheet" href="js/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="js/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="js/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

HTML:

---

我有11张图片在“隐藏”部分。我对Javascript或JQuery不太熟悉。

你有CSS转换吗？检查您的一般规则或尝试使用特殊性。这与您所经历的行为相同吗？实际上，Grimbode从这里可以看出我的css与Fancybox的css导航设置相冲突。准确地说，“位置：相对”是导致闪烁和故障的原因。

<div class="center">
        <a class="fancybox-thumb" class="fancybox-thumb" href="images/concepts.jpg"><img src="images/concepts.jpg"></a>
</div>

    <div class="hidden">
    <a title="MLB All-Team Design for Back-to-school products" class="fancybox-thumb" href="images/art/mlbconcept.jpg"><img src="images/art/mlbconcept.jpg" /></a>