bxsliderで3つ同時にスライドさせたいです。

お世話になっております。
以下のプログラムで実行しておりますが、1つずつしかスライドされずに困っております。

HTML
1<script>
2$(document).ready(function(){
3    $('.bxslider_sj').bxSlider({
4	minSlides:3,
5	maxSlides:3,
6	moveSlides:3,
7	infiniteLoop:true,
8	hideControlOnEnd:true,
9	speed: 100,
10	slideWidth:320,
11	slideMargin:10
12    });
13</script>
14
15<ul class="bxslider_sj">
16<li class="slidsj"><img src='画像1'></li>
17<li class="slidsj"><img src='画像2'></li>
18<li class="slidsj"><img src='画像3'></li>
19<li class="slidsj"><img src='画像4'></li>
20<li class="slidsj"><img src='画像5'></li>
21<li class="slidsj"><img src='画像6'></li>
22<li class="slidsj"><img src='画像7'></li>
23<li class="slidsj"><img src='画像8'></li>
24<li class="slidsj"><img src='画像9'></li>
25</ul>

スライダーは同じページに複数あります。
bxsliderのスクリプトの読み込みは問題ございません。
ただ、画像が欠けている箇所もあったりします。（これが原因かと思い実行中ではあります）
是非、ご助言いただけましたら幸いです。

よろしくお願いいたします。

行動規範の内容に同意します

回答1件

確かに変な動きしますね、bxslider。
前はちょっと挙動が違ったような気がするんですが…。

一応下記のようにしたら動いたので報告までに。

htmlは変更なし。ウィンドウサイズで画像がめり込まないようにcssでレスポンシブ処理。

css
1.bxslider_sj img{
2  max-width:100%;
3  height:auto;
4}

slideWidthをとりあえず大きく設定。
一番外側のdivにはmax-width:100%が効いているので飛び出すことはなさそう。

javascript
1$(document).ready(function(){
2    $('.bxslider_sj').bxSlider({
3    minSlides:3,
4    maxSlides:3,
5    moveSlides:3,
6    infiniteLoop:true,
7    hideControlOnEnd:true,
8    speed: 100,
9    slideWidth:20000,
10    slideMargin:10
11    });
12});
13