2016-07-29 7 views
0

ここで少しお役立みしたいと思います。私は2つのjqueryスライダーを持っていますが、私は同時にそれらを実行したいと思います。出来ますか?上記のコードで2つの同じjqueryプラグインが同時に実行されます

$(function() { 
    $('#slider').camera({ 
     autoAdvance: true, 
     height: 'auto', 
     loader: 'none', 
     navigation: false, 
     pagination: false, 
     thumbnails: false, 
     fx: 'scrollHorz', 
     time: 3000, 
     playPause: false 
    }); 
    $('#slider_small').camera({ 
     autoAdvance: true, 
     height: 'auto', 
     loader: 'none', 
     navigation: false, 
     pagination: false, 
     thumbnails: false, 
     fx: 'scrollHorz', 
     time: 3000, 
     playPause: false 
    }); 
}); 

数ミリ秒後に第2の開始:

は、ここに私のコードです。私は誰かがそれを修正することができれば感謝します。

+0

*数ミリ秒後に2回目の起動* - '' setTimeout'''を使用してください。 –

+0

@MichalStefanow:私は目標が*起こらない*と考えています。 –

答えて

0

それらのオプションが同一であるように、私は

$("#slider, #slider_small").camera({ 
    /* ...options here... */ 
}); 

はそれを行うだろうと思うだろう。適切に設計されたjQueryプラグインは、一連の要素を処理していることを理解しています。

+0

私はそれを試しましたが、それは動作しません。他の解決策? – DMande

+0

@ DMande:プラグインが要素のリンクをサポートしていない場合は、そのプラグインを使用していない可能性があります。 –

0
$(function() { 
    $('#slider, #slider_small').camera({ 
     autoAdvance: true, 
     height: 'auto', 
     loader: 'none', 
     navigation: false, 
     pagination: false, 
     thumbnails: false, 
     fx: 'scrollHorz', 
     time: 3000, 
     playPause: false 
    }); 
}); 

最も標準的なjQueryのプラグインはに知っている要素の配列を受け取り、セレクタで,であなたは、複数の要素を選択することができます。

p.s.プラグインはたぶんfor-eachを使用しますので、ここで本当の問題は何ですか?場合は、おそらくあなたのソリューションは、CSSをジャンプするだけ?

関連する問題