Fancybox 2.1.5在点击时隐藏了我的图像

时间:2015-06-16 17:50:15

标签: javascript jquery html fancybox

我最近用fancybox构建了一个小页面,我有一个唠叨的问题,fancybox隐藏了我的页面中的图像。

所以当我关闭我的画廊(fancybox)时,我的所有缩略图都消失了。

这是我的HTML

<a class="fancybox" src="/style/images/project1/fullsize/image1.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor."><img src="/style/images/project1/thumb/image1.jpg"></a>

以及我正在加载的脚本。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="/style/jquery.fancybox.css?v=2.1.5" media="screen" />
<script type="text/javascript" src="/js/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<link rel="stylesheet" href="/style/style.css">
<link rel="stylesheet" type="text/css" href="/style/helpers/jquery.fancybox-thumbs.css?v=1.0.7" />

1 个答案:

答案 0 :(得分:1)

问题是由HTML代码中的语法错误造成的:您在锚点中使用src属性,如:

<a class="fancybox" src="/style/images/project1/fullsize/image1.jpg" ....

<a>元素的正确属性为href,如:

<a class="fancybox" href="/style/images/project1/fullsize/image1.jpg" ....

JSFIDDLE使用src属性重现该问题。

使用正确的href属性

修复了

Here