jCarouselによるアニメーション

Question

私は画像スライダーにjCarouselを使用しています。私はjQueryを初めて使用しているので、jCarouselのドキュメントから、さまざまなアニメーション効果を適用する方法を理解することはできません。

スライスに1つの画像があり、ゆっくりと表示画像を消して、同時に次の画像が同じ場所に表示されるようにします。どうすればこの効果を達成できますか？それは新しいJS関数を書く必要があるカスタムアニメーションですか、それともjCarouselの設定で行うことができますか？

Answer 1

Karine、easing設定プロパティを使用する必要があります。 http://sorgalla.com/projects/jcarousel/#Configuration

ここでは、使いたいjqueryイージングエフェクト（http://api.jquery.com/animate/）を指定できます。別のものが必要な場合は、カスタムアニメーションを作成できます。ここにはhttp://sorgalla.com/projects/jcarousel/examples/special_easing.htmlという例があります。

また、あなたはこのコードを使用して所望の効果を得ることができます：あなたは試してみました

<script type="text/javascript"> 
function carouselFadeOut(carousel) { 
    var clipId = carousel.clip.context.id; 
    $('#' + clipId).fadeOut(); 
} 

function carouselFadeIn(carousel) { 
    var clipId = carousel.clip.context.id; 
    $('#' + clipId).fadeIn(); 
} 


jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({visible : 1, scroll : 1, 

    itemLoadCallback: { 
     onBeforeAnimation: carouselFadeOut, 
     onAfterAnimation: carouselFadeIn 
    } 
    }); 
}); 

はそれが役に立てば幸い、ファブリツィオ