Question

尝试使用jquery bgswitcher制作背景滑块。我的代码

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

</script>
<script src="js/jquery.bgswitcher.js"></script>

<script>
    $(".wrapper").bgswitcher({
        images: ["img/1.jpg", "img/2.png", "img/3.jpg", "img/4.png"],
        effect: "fade",
        interval: 5000,
        loop: false,
        shuffle: false,
        duration: 5000,
        easing: "swing"
    });
</script>

我不知道这段代码有什么问题，但背景滑块不起作用！有什么想法吗？

Answer 1

在document.ready中初始化bgswitcher

<script>
$(document).ready(function(){

$(".wrapper").bgswitcher({
images: ["img/1.jpg", "img/2.png", "img/3.jpg", "img/4.png"], 
effect: "fade", 
interval: 5000, 
loop: false, 
shuffle: false, 
duration: 5000, 
easing: "swing"
});

});
</script>

不能使jquery.bgswitcher工作

1 个答案: