我将 Fancybox 设置为显示 8 张图片的画廊。第一个显示在页面上并在单击时打开图库。
我现在要做的是添加另一个画廊,除了 HTML 内容而不是图像,所以它就像在导航画廊时翻阅一本书。但是当我单击图像时什么都没有出现。
这是我的 Fancybox 脚本:
<script type="text/javascript">
$(document).ready(function(){
$("a.fancybox").fancybox({
openEffect : 'none',
closeEffect : 'none',
nextEffect : 'none',
prevEffect : 'none',
nextSpeed : 0,
prevSpeed : 0,
preload : 3,
'padding' : 15,
'speedIn' : 0,
'speedOut' : 0,
'overlayShow' : true
});
});
</script>
这是HTML:
<a class='fancybox' rel='{$id}' href=#popuptext><img src='galleryimage.jpg'></a>
<div style='display: none'><div id='popuptext'>Page 1 text</div></div>
<a class='fancybox' rel='{$id}' href=#popuptext'></a>\n
<div style='display: none'><div id='popuptext'>Page 2 text</div></div>
<a class='fancybox' rel='{$id}' href=#popuptext'></a>\n
<div style='display: none'><div id='popuptext'>Page 3 text</div></div>
<a class='fancybox' rel='{$id}' href=#popuptext'></a>\n
<div style='display: none'><div id='popuptext'>Page 4 text</div></div>