jQuery bxSlider autoDirection'prev'問題

我正在爲一個網站垂直行情。我正在使用bx滑塊。jQuery bxSlider autoDirection'prev'問題

它的所有設置 - 我需要將autoDirection設置爲'prev'，我還需要設置tickerHover選項。使用autoDirection會在我的自動收報器中帶來不必要的速度變化。當我徘徊我的鼠標時，它工作得相當好 - 股票停止。

但是當鼠標懸停在自動收報機之外時，自動收報機有時會非常快速地滾動或有時非常緩慢。

$('#carousel').bxSlider({ 
    useCSS: false, 
    mode:"vertical", 
    ticker: true, 
    speed: 6000, 
    tickerHover:true, 
    autoDirection:"prev" 
});

這裏是小提琴： - http://jsfiddle.net/devilived/z9QdV/2/

任何人都可以點我怎麼可以樹立正確的。

來源

2013-06-18 Ash Van Wilder

爲什麼會出現PHP的標籤？ –

@LightStyle很抱歉，我刪除了php標籤。 –

我面臨同樣的問題，並解決了使用一些CSS3技巧。我希望它能爲你工作。

$('.bxslider').bxSlider({ 
 
useCSS: false, 
 
    mode:"vertical", 
 
    ticker: true, 
 
    speed: 10000, 
 
    tickerHover:true 
 
});

.bx-wrapper .bx-viewport { 
 
    -moz-box-shadow: 0 0 5px #ccc; 
 
    -webkit-box-shadow: 0 0 5px #ccc; 
 
    box-shadow: 0 0 5px #ccc; 
 
    border: solid #fff 5px; 
 
    left: -5px; 
 
    background: #fff; 
 
} 
 

 
    .bxsliderWrapper { 
 
    transform: rotate(180deg);  
 
    } 
 
    
 
    .bxsliderWrapper li { 
 
     transform: rotate(180deg); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script type="text/javascript" src="http://bxslider.com/lib/jquery.bxslider.js"></script> 
 
<link rel="stylesheet" type="text/css" href="http://bxslider.com/lib/jquery.bxslider.css"> 
 
<div class="bxsliderWrapper"> 
 
<ul class="bxslider"> 
 
    <li><img src="http://bxslider.com/images/730_200/hill_trees.jpg" /></li> 
 
    <li><img src="http://bxslider.com/images/730_200/me_trees.jpg" /></li> 
 
    <li><img src="http://bxslider.com/images/730_200/houses.jpg" /></li> 
 
    <li><img src="http://bxslider.com/images/730_200/tree_root.jpg" /></li> 
 
    <li><img src="http://bxslider.com/images/730_200/hill_fence.jpg" /></li> 
 
    <li><img src="http://bxslider.com/images/730_200/trees.jpg" /></li> 
 
</ul> 
 
</div>

來源

2017-05-24 15:18:19

jQuery bxSlider autoDirection'prev'問題

回答

相關問題