Fancybox - 用于制作前/后画廊

时间:2014-02-19 22:32:27

标签: javascript jquery fancybox fancybox-2

我试图使用Fancybox来构建一个前/后画廊。多数民众赞成如何运作:

1)页面加载了很多缩略图

2)单击拇指时,会加载fancybox图库

3)当用户悬停图像时,它会变为“之前”状态

我已经完成了第1步和第2步。我怎么能做3º?

1 个答案:

答案 0 :(得分:1)

解决:

    $(".fancybox").fancybox({
        padding:0,
        margin:60,
        nextClick:true,
        openEffect  : 'none',
        closeEffect : 'none',
        nextEffect:'fade',
        prevEffect:'fade',
        nextSpeed :1,
        prevSpeed:1,
        afterShow : function() {
            $('.fancybox-nav').hide();
            $(".fancybox-image").hover(
            function() {$('.fancybox-next span').click();}, 
            function() {$('.fancybox-next span').click();}
            );
        }
    })