点击图片后图片一直消失
HTML
<div class="container">
<section id="picture-container">
<div class="picture-box">
<a href="gallery/img1.JPG" class="fancybox" rel="group"><img src="gallery/small-images/img1.JPG"></a>
</div>
<div class="picture-box">
<a href="gallery/img2.JPG" class="fancybox" rel="group"><img src="gallery/small-images/img2.JPG"></a>
</div>
</section>
</div> <!-- /container -->
JavaScript
<script src="scripts/jquery.fancybox.js"></script>
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-buttons.js?v=1.0.5"></script>
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-media.js?v=1.0.5"></script>
<link rel="stylesheet" href="/scripts/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="/scripts/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>
<script>
$(document).ready(function() {
context = $('#picture-container');
$("a.fancybox", context).fancybox();
});
</script>
最佳答案
它是如何被回答的(2014 年),在 Stack 的这个链接中:
Thumbnails disappears after click on them, FancyBox
将href
设置为img
中的src
:
<a class="fancybox" href="image_source" data-fancybox-group="gallery" title=""><img src="image_source" alt="" /></a>
关于jquery - Fancybox 图像消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16385283/