jquery - BxSlider 淡入淡出

Question

StackOverflow 的人

我是 jQuery 新手，但我目前正在使用 BXslider 插件。

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

我要做的就是让每张幻灯片上的滑块从左到右滑入和滑出。

Answer 1

在您发布的链接中，您可以选择自定义插件。您可以像这样更改值：

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

如果您正在寻找更多过渡/缓动选项，则需要包括 jQuery Easing。在这里获取：http: //gsgd.co.uk/sandbox/jquery/easing/

然后像这样添加缓动选项：

easing: 'swing',

仅供参考'swing'是默认设置。

Answer 2

您的列表或 div 的 ID 必须等于 jQuery 代码。

看看是否有其他代码没有正确关闭并且可能会干扰这个。

确保添加了与插件兼容的 jQuery 版本，并在页眉中添加了 .min.js。