如何触发页面背景更改

Question

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

如果有任何提示，我将不胜感激。

乌利希期刊指南:我在jq循环中发现了选项"after"，我会尝试绕过它

Answer 1

可以在选项设置中使用before和after回调，例如:

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'
}); 

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");
}