Fancybox は見栄えが良いのですが、右または次の矢印をクリックすると、画像が上からドロップインします。私はそれが奇妙だと思います。そのような矢印を見ると、次の画像がその方向に画面から外れていると想像します。上から落ちてくると耳障りです。
では、fancybox を水平方向にスクロールするにはどうすればよいでしょうか。スクロール方向ではなく、ほぼすべてのパラメーターがあるようです。(私の JavaScript スキルは、他の人の作業の微調整に限られています。)
さて、半分の答えが来ています。金曜日の夜で、すぐに仕事を辞めますが、プラグインを変更します。
changeOut: function () {
var wrap = F.wrap,
current = F.current,
cleanUp = function () {
$(this).trigger('onReset').remove();
};
wrap.removeClass('fancybox-opened');
if (current.prevEffect === 'elastic') {
if( F.coming.index < F.current.index) {
wrap.animate({
'opacity': 0,
right :'+=200px'
}, {
duration: current.prevSpeed,
easing: current.prevEasing,
complete: cleanUp
});
}
else {
wrap.animate({
'opacity': 0,
left :'+=200px'
}, {
duration: current.prevSpeed,
easing: current.prevEasing,
complete: cleanUp
});
}
} else {
wrap.fadeOut(current.prevEffect === 'fade' ? current.prevSpeed : 0, cleanUp);
}
}
これはその半分にすぎchangeIn: function()
ませんF.coming.index
。