Fancybox 2.1.5隐藏我的图片点击时

Question

我最近用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" /> 

Answer 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属性重现了该问题。

Here使用正确的href属性修复