2つのスライドショーと簡単なスライダー1.7

Question

私はこれを使用していますhttp://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider 簡単なスライダー1.7を使用して、私のウェブサイトでスライドショーを実現しました。

スライドショーが1つだけの場合は、これが必要です。しかし、私は2つの異なる場所でウェブページのスライドショーをする必要があります。したがって、次/前のボタンを使用すると、両方のスライドが前後に移動します。

私は2つのdivのボタンのIDを分離して作成しました。また、2つのdivには別々のIDがあります。コードの下

スライド呼び出す：

<script type="text/javascript"> $(document).ready(function(){
$("#slide1").easySlider({ auto: true, continuous: true }); $("#slide2").easySlider({ auto: true, continuous: true }); }); </script>

そして、私のjavascriptファイル内に、私は次のようしている：

（関数（$）{

$.fn.easySlider = function(options){ 

    // default configuration properties 
    var defaults = {    
     prevId:   'prevBtn', 
     prevText:  'Previous', 
     nextId:   'nextBtn', 
     prevId1:  'prevBtn1', 
     nextId1:  'nextBtn1', 
     nextText:  'Next', 
     controlsShow: true, 
     controlsBefore: '', 
     controlsAfter: '', 
     controlsFade: true, 
     firstId:  'firstBtn', 
     firstText:  'First', 
     firstShow:  false, 
     lastId:   'lastBtn', 
     lastText:  'Last', 
     lastShow:  false,    
     vertical:  false, 
     speed:   800, 
     auto:   false, 
     pause:   2000, 
     continuous:  false, 
     numeric:  false, 
     numericId:  'controls' 
    }; 

誰でも助けることができますどうぞ。

Answer 1

$(document).ready(function() { 
    $("#slider1").easySlider({ 
     auto: false, 
     continuous: false, 
     speed: 200, 
     prevId: 'prevBtn1', 
     nextId: 'nextBtn1', 
     nextText: '', 
     prevText: '' 
    }); 

    $("#slider2").easySlider({ 
     auto: false, 
     continuous: false, 
     speed: 200, 
     prevId: 'prevBtn2', 
     nextId: 'nextBtn2', 
     nextText: '', 
     prevText: '' 
    });