BxSlider淡入淡出

Question

StackOverflow'ers

我是jQuery的新手，但我目前正在使用BXslider Plug in。

<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',

FYI'wall'是默认值。

Answer 2

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

查看是否有其他代码未正确关闭且可能会干扰此问题。

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