2012-01-20 18 views
0

Smooth Slider wp Pluginはトランジションエフェクトにjquery.jcarousel.min.jsを使用します。問題は、単一のタイプのトランジション(デフォルト)が含まれていることです。スイング。jCarousel Smooth Slider Wordpress Pluginにカスタムトランジションエフェクトを追加する

どのように移行タイプをフェードするように変更できるか教えてもらえますか?私が読んだところでは、jQueryの.animate()関数、具体的にはeasingという属性を使用する必要があります。

jQueryUIを使用して、既存のjQueryにプラグインを追加する必要があることを理解していますか?問題は、私はjQueryを使用したときの騒ぎで、いくつかのガイダンスに本当に感謝しています。ここで

は、私がカスタマイズしたいスライダーです:http://brainconcert.com/minovici/

答えて

0

私は全くわからないが、私はあなたがjquery.jcarousel.min.jsを使用してjCarouselから特性を利用することができます信じています。

これらの(および詳細)はhereです。

<!--START: Carousel--> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
     jQuery('#mycarousel').jcarousel(); 
    jQuery('.multi-carousel').jcarousel({ 
     easing: 'easeOutBounce', 
     animation: 750, 
     scroll: 4, 
     visible: 0, 
     auto: 0, 
     wrap: 'last', 
     initCallback: mycarousel_initCallback 
    }); 
     }); 
</script> 
<!--END: Carousel--> 

easing:財産の活用:あなたはこれをテストするために何ができるか

はあなたの<head>にこのようなコードを見つけることです。

これで解決しない場合は、まだイージープロパティを削除しないでください。代わりに、サーバー上の緩和クエリプラグインfound hereを配置し、そのようなあなたの<head>でそれを呼び出す:あなたはそのプラグインに呼ばれるあなたの緩和プロパティを設定し、それが動作するはずです最新のjQueryライブラリが含まれている場合

<script type="text/javascript" src="folder/jquery.easing.1.3.js"></script> 

幸運を祈る!

+0

ありがとう!私はプラグインを自分のウェブサイトに追加することができましたが、実際には既存のイージングエフェクトに切り替えることができます。 – Cos

+0

もうひとつ、最初のスライドに戻るときに同じスイング効果を持つように最後のスライドを設定する方法を知っていますか? たとえば、スライダが自動的に1から2に、3から4、5に移動し、最後のスライダ(5)に到達すると、スライダ1に戻ります。5-4-3 -2-1。私はそれが標準的な方法で5から1に行くことを探しています。 設定する必要があるjCarouselまたはjQueryの属性はありますか? – Cos

0

jCarousel <head>タグにwrap: 'circular'を追加すると、5から1への移行が可能になります...イージングでこの作業を行う方法完全にはわかりません。

jCarousel circular pageの出典を確認してください。

また、多くの異なるjCarouselの例(コードをソースに取り込む)はhereです。

幸運

関連する問題