javascript - 如何触发页面背景变化？

Question

我有幻灯片，通过 jq 循环插件，我想在每张新幻灯片后更改我的页面背景？

我会感谢任何提示在哪里看。

upd：我在 jq 循环中找到了选项“之后”，将尝试解决它

Answer 1

You can use the before and after callback in the option settings, example:

function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}

$('.slideshow').cycle({
    before: function(){ $('body').css('background-color', get_random_color()); },
    fx: 'fade'
}); 

hope this helps.

Answer 2

我想你指的是：http: //jquery.malsup.com/cycle/？

http://jquery.malsup.com/cycle/options.html上的文档应该对您有很大帮助。

我相信您可以通过执行以下操作来实现它：

$('#slideshow').cycle({
    fx: 'fade',
    onPrevNextEvent: onSlideChange()    
});


function onSlideChange() {
    //perform all changes on slide change here.
    $("body").css("background-image", "test.jpg");
}