javascript - fancybox 使鼠标滚轮淡入水平图片

Question

我使用 fancybox2 并集成了鼠标滚轮插件。
所以现在当使用鼠标滚轮时，图像会垂直淡入。

我想水平淡入图像而不是模拟下一个和上一个按钮。

有没有在fancybox中启用此功能的选项？

或者我可以从外部应用这种行为吗？

这是初始化：

$('.thumbs .thumb .fancybox').fancybox({
            beforeShow: function(){
                $(".fancybox-skin").css("backgroundColor","transparent");
            }
 });

Answer 1

找到你的解决方案

在你的jquery.mousewheel-3.0.6.pack.js

改变这个

 b.HORIZONTAL_AXIS && (g = 0, e = -1 * f);

到

 b.VERTICAL_AXIS && (g = 0, e = -1 * f);

并且对于 webkits 改变这个

(e = -1 * b.wheelDeltaX / 120)

到

(e = -1 * b.wheelDeltaY / 120)

这是一个演示：

http://jsfiddle.net/BerkerYuceer/TKxX3/