0

1ページに4つのeasySlidersがありますが、正しく機能しません... 1つは完全に機能しますが、2つは同期されており、最後の1つは動かないため、修正方法がわかりません...ここにあります私のjQuery：

$(document).ready(function() {
   $("#playlist_one").easySlider({
      auto: false,
      continuous:false                                            
   });  
   $("#playlist_two").easySlider({
      auto: false,
      continuous:false                                   
   });  
   $("#playlist_three").easySlider({
      auto: false,
      continuous:false                                   
   });  
   $("#slider").easySlider();       
});

これが私のhtmlの例です：

<div class="showreel">
   <div id="playlist_one">
      <ul>
         <?php
         $videos = get_videos();
         foreach($videos as $video) {
            $title = str_replace('&', '&amp;', $video->title);
            echo '<li>';
            echo '<a href="'.$video->video_id.'" title="'.$title.'"><img src="'.$video->thumbnail.'" alt="'.$title.'" /></a>';
            echo '</li>';
         }
         ?>
      </ul>
    </div>
</div>
4

1 に答える 1

2

既に回答済みの質問を投稿する前に、プラグインのヘルプ セクションを読む必要があります。

同じページに複数のスライドショーがある場合、各スライドショーに単一の ID を割り当て、各スライドショーの次のボタンと前のボタンに単一の ID を割り当てる必要があります。

例えば：

$("#basic-slideshow2").easySlider({
auto: false,
continuous:false,
nextId: "slider2next",
prevId: "slider2prev"
});

$("#basic-slideshow3").easySlider({
auto: false,
continuous:false,
nextId: "slider3next",
prevId: "slider3prev"
});

等...

于 2011-09-07T13:29:40.810 に答える