Bug: iSlider displayed nothing except the first one when create some sliders use same option

[ynuxcc]

first of all , forgive my poor English! when create some sliders use same option and you can see this bug,

var imgList1 = [ { content: './content-image/farm-1.jpg' }, { content: './content-image/farm-2.jpg' }, { content: './content-image/farm-3.jpg' }, ]; var imgList2 = [ { content: './content-image/farm-1.jpg' }, { content: './content-image/farm-2.jpg' }, { content: './content-image/farm-3.jpg' }, ]; var imgList3 = [ { content: './content-image/farm-1.jpg' }, { content: './content-image/farm-2.jpg' }, { content: './content-image/farm-3.jpg' }, ]; var imgList4 = [ { content: './content-image/farm-1.jpg' }, { content: './content-image/farm-2.jpg' }, { content: './content-image/farm-3.jpg' }, ]; var imgList5 = [ { content: './content-image/farm-1.jpg' }, { content: './content-image/farm-2.jpg' }, { content: './content-image/farm-3.jpg' }, ];

var sliderOption = {
    isAutoplay: 1,
    isLooping: 1,
    isOverspread: 1,
    animateTime: 800
}

$(document).ready(function(){
    var slider1 = new iSlider(document.getElementById('iSlider_wrapper_1'), imgList1,sliderOption);
    var slider2 = new iSlider(document.getElementById('iSlider_wrapper_2'), imgList2,sliderOption);
    var slider3 = new iSlider(document.getElementById('iSlider_wrapper_3'), imgList2,sliderOption);
    var slider4 = new iSlider(document.getElementById('iSlider_wrapper_4'), imgList2,sliderOption);
    var slider5 = new iSlider(document.getElementById('iSlider_wrapper_5'), imgList2,sliderOption);
});

if you'er someone happend to try to resolve this problem , you can create slider option for every slider and just make the animateTime item as different values, like 800,801 or some other values and this problem will be resolved.