BxSlider淡入淡出

我是新來的jQuery，但我目前正在使用的BXslider插件英寸

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $('#slider').bxSlider(); 
    }); 
</script>

所有我想要做的是使滑塊，每個滑動，滑入和滑出，從左到右。

在你發佈的鏈接是你所有的選項來定製插件。您可以更改像這樣的值：

$(document).ready(function(){ 
    $('#slider').bxSlider({ 
    mode: 'fade', 
    }); 
});

如果您正在尋找更多的過渡/緩動選項，您將需要包含jQuery Easing。找這裏：http://gsgd.co.uk/sandbox/jquery/easing/

然後加入寬鬆的選項是這樣的：

easing: 'swing',

FYI '搖擺' 是默認的。

2012-07-03 00:27:30 Connor

只是我之後是什麼！然而，它並不是'搖擺'的。它只是從一張幻燈片到另一張幻燈片，因此它失去了默認的從左到右的過渡。任何機會讓它從右到左進入並淡入？但非常感謝您的順便說一句。 –

如果您不希望它淡入淡出，請刪除模式選項（因爲默認值是'水平'）。要更改滑塊的方向，請添加以下選項：autoDirection：'prev'， – Connor

我希望它水平滑動並淡入淡出。目前它正在消失。有任何想法嗎？ –

您的列表或div的ID必須與jQuery代碼相同。

看看是否有其他代碼沒有正確關閉，可能會干擾這一點。

確保添加了與插件兼容的jQuery版本，並在頁眉中添加了.min.js。

2012-07-02 23:53:09

我已經完成了所有這些，我只列出了需要更改的jQuery部分。該滑塊工作正常，所以我沒有必要檢查上面，我只是不能找出一種方法來添加每個幻燈片淡入淡出。 –

請參閱[JS斌示例]（http://jsbin.com/ikoguf） –

回答