2012-05-05 13 views
1

fancybox 2.0でnextEasingパラメータとprevEasingパラメータを使用する方法の例がありますか?イージングプラグイン1.3を追加して、easeInCubicのようなイージングアニメーション値を使用すると、何も起こりません。どのように新しいタイプの移行を達成するか。Fancybox 2.0イージングとアニメーション

この新しいバージョン2.0では、画像を別のスライドにスライドすると、以前のバージョン1.3.4で持っていたフレームのサイズ変更/適応と同じ効果が得られます。

私は緩和オプションを使用しようとしていたが、私はfancyboxのウェブサイト上のすべての許容値を持っているドキュメントを見つけられませんでした、私は見つけることができるすべてだった
$("a.image").fancybox({ 
    arrows : true, 
    loop  : false, 
    openEffect : 'none', 
    closeEffect: 'none', 
    prevEffect : 'fade', 
    nextEffect : 'fade', 
    prevEasing : 'easeInCubic', 
    nextEasing : 'easeInCubic', 
}); 

答えて

1

それぞれの方法を緩和トランジションタイプ。多数の選択肢がありますイージングプラグインが含まれている場合
文字列;デフォルト値:「スイング」は

私は、値「easeInCubic」を使用しようとすると、私は、ブラウザのJavaScriptコンソールで見ることができます:

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

わからないが、それはあまりにもあなたのケースであれば、しかし、あなたは私のHTMLの上部には、この

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

を追加することにより、化粧箱の一部ではない金融緩和のプラグインを、アクティブ/含めることを確認する必要がありますすることはジャバスクリプトエラーを解決しました。 this demoを見ると、それぞれの価値は何かを示しています。デフォルト値とeaseInCubicの差はあまり大きくありません。

あなたが達成したいと思っているものの、このオプションは良いものではないようですが、this demoという例があります。

+0

これを解決しようとしてからしばらくしています。それ以来、私は完全に私が使用しているjavascriptのプラグインを変更しました。どのような場合でも、サイズ変更のトランジション効果のソリューションが良いと思われます。どうもありがとう! – Manny