javascript - 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 anchor 中的属性如下:

<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 进行修复属性