jQuery easySlider multiple sliders bug? -
i have 4 easysliders on 1 page don't work properly...one works perfectly, whilst 2 kinda synced , last 1 doesn't move , have no idea how fix it...here 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(); });
and here example of html:
<div class="showreel"> <div id="playlist_one"> <ul> <?php $videos = get_videos(); foreach($videos $video) { $title = str_replace('&', '&', $video->title); echo '<li>'; echo '<a href="'.$video->video_id.'" title="'.$title.'"><img src="'.$video->thumbnail.'" alt="'.$title.'" /></a>'; echo '</li>'; } ?> </ul> </div> </div>
you should read plugin section before posting question has been answered.
when have multiple slideshow in same page have assign single ids each slideshow, , single ids each next , prev button of each slideshow.
for example:
$("#basic-slideshow2").easyslider({ auto: false, continuous:false, nextid: "slider2next", previd: "slider2prev" }); $("#basic-slideshow3").easyslider({ auto: false, continuous:false, nextid: "slider3next", previd: "slider3prev" });
etc...
Comments
Post a Comment