javascript - Fancybox - 用于制作之前/之后的画廊

Question

我正在尝试使用 Fancybox 构建前后画廊。这就是它的工作原理:

1) 页面加载时包含大量缩略图

2)当点击拇指时，它会加载 fancybox 画廊

3)当用户将鼠标悬停在图像上时，它会更改为“之前”状态

我已经完成了步骤 1 和 2。如何制作 3°？

Answer 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();}
            );
        }
    })