我从http://fancyapps.com/fancybox
开始使用fancybox thumbnail帮助程序示例目前,当我点击其中一个缩略图时,画廊会打开。
我宁愿在页面上没有缩略图。链接将通过ajax加载到DOM中隐藏div,我想在那时手动打开库。
<a id="sketches_link">see sketches</a>
<div id="sketches_data" style="display:none;">
my links will be loaded here....
<a class="fancybox-thumb" href="someimage.jpg" rel="fancybox-thumb"></a>
</div>
<script>
$(document).ready(function() {
$("#sketches_link").click(function() {
$("#sketches_data").load("sketches.php", function() {
$(".fancybox-thumb").fancybox({
helpers : {
thumbs : {
width: 50,
height: 50
} // thumbs
} // helpers
}); // fancybox
}); //load
});//click
});//ready
/*****NOW THE BINDING IS READY, BUT HOW TO I AUTOMATICALLY OPEN
THE GALLERY AFTER THE ON CLICK EVENT?******/
</script>
答案 0 :(得分:0)
我通过在ajax下载的链接序列中的第一个链接上触发click事件来实现它。不优雅,但它有效。