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屬性重現了該問題。

這是使用正確的href屬性修復的