我最近用 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" />
最佳答案
此问题是由 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
进行修复属性
关于javascript - Fancybox 2.1.5 点击时隐藏我的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30874673/