Question

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

我会感谢任何要查看的提示。

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

Answer 1

您可以在选项设置中使用前后回调，例如：

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

如何触发页面背景更改？

2 个答案: