1

fancybox 2.0でnextEasingおよびprevEasingパラメーターを使用する方法についていくつかの例を示すことは可能ですか？イージングプラグイン1.3を追加してから、easeInCubicのようなイージングアニメーション値を使用しても何も起こりません。新しいタイプの移行を実現する方法。

また、この新しいバージョン2.0では、画像から別の画像にスライドするときに、以前のバージョン1.3.4で使用したフレームのサイズ変更/調整と同じ効果が得られます。

$("a.image").fancybox({
    arrows   : true,
    loop       : false,
    openEffect : 'none',
    closeEffect: 'none',
    prevEffect : 'fade',
    nextEffect : 'fade',
    prevEasing : 'easeInCubic',
    nextEasing : 'easeInCubic',
});
4

1 に答える 1

1

イージングオプションを使用しようとしましたが、fancybox Webサイトで許可されているすべての値を含むドキュメントが見つかりませんでした。見つけたのは、次のとおりです。

各遷移タイプの緩和方法。イージングプラグインが含まれている場合は、さまざまな選択肢があり
ます。デフォルト値：'swing'

値「easeInCubic」を使用しようとすると、ブラウザのJavascriptコンソールに次のように表示されます。

Uncaught TypeError: Object #<Object> has no method 'easeInCubic' jquery-latest.min.js:6

それがあなたのケースでもあったかどうかはわかりませんが、これを追加して、ファンシーボックスの一部ではないイージングプラグインを含める/アクティブ化する必要があります

<!-- Easing plugin -->
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" />

私のHTMLの上部で、Javascriptsエラーを解決しました。このデモを見ると、それぞれの価値がわかります。デフォルト値との違いeaseInCubicはそれほど大きくありません。

とは言うものの、達成したいことについては、このオプションは適切ではないようです。このデモで例を見つけることができます。これははるかに適切と思われます。

于 2013-07-08T09:11:16.227 に答える