bxSliderを使ってティッカースライドをオンマウスで一時停止できない

いつもお世話になっております。
現在bxSliderを利用して、ティッカースライドを実装しようとしているのですが、
オンマウスで一時停止するオプションを設定しているのですが、停止してくれません。
また、「次」「前」のコントローラーを表示するオプションも設定しているのですが、表示されません。

そもそも、ティッカースライドの時には無効なオプションなのかとも思っているのですが、どうしても実装しなければいけないので、質問させていただきます。

javascriptは下記のように設定しております。
$('.bxslider2').bxSlider({
ticker: true,
autoHover:true,
hideControlOnEnd: true,
minSlides: 3,
maxSlides: 10,
slideWidth: 300,
slideMargin: 0,
speed: 50000
});

HTMLは下記のように記述しております。
<ul class="bxslider2">
<li><img src="img/slider_img2/top_13.jpg" alt=""></li>
<li><img src="img/slider_img2/top_11.jpg" alt=""></li>
<li><img src="img/slider_img2/top_09.jpg" alt=""></li>
<li><img src="img/slider_img2/top_07.jpg" alt=""></li>
<li><img src="img/slider_img2/top_05.jpg" alt=""></li>
<li><img src="img/slider_img2/top_13.jpg" alt=""></li>
<li><img src="img/slider_img2/top_11.jpg" alt=""></li>
<li><img src="img/slider_img2/top_09.jpg" alt=""></li>
<li><img src="img/slider_img2/top_07.jpg" alt=""></li>
<li><img src="img/slider_img2/top_05.jpg" alt=""></li>
<li><img src="img/slider_img2/top_13.jpg" alt=""></li>
<li><img src="img/slider_img2/top_11.jpg" alt=""></li>
<li><img src="img/slider_img2/top_09.jpg" alt=""></li>
<li><img src="img/slider_img2/top_07.jpg" alt=""></li>
<li><img src="img/slider_img2/top_05.jpg" alt=""></li>
</ul>

何卒、ご教授ください。
よろしくお願いいたします。

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

回答1件

ベストアンサー

javascript
1$('.bxslider2').bxSlider({ 
2        ticker: true, 
3        /*autoHover:true, */
4        tickerHover: true, // tickerモード時のホバーオプション
5        useCSS: false, // tickerHover有効時はfalseに設定
6        hideControlOnEnd: true, 
7        minSlides: 3, 
8        maxSlides: 10, 
9        slideWidth: 300, 
10        slideMargin: 0, 
11        speed: 50000         
12});