asp.net - 如何使用 Javascript 旋转横幅中的图像？

Question

如何在 asp.net 中使用 JavaScript 更改图像？我希望仅在 asp.net 中使用 java 脚本在一段时间间隔(比如 15 秒)后自动更改这些(无需点击刷新/F5 按钮)。有没有 JS 可以帮助我做到这一点。

谢谢

Answer 1

尝试这样的事情，这个例子设置页面的背景图片:

var gSlideshowInterval = 10; /* the interval in seconds */
var gImageCapableBrowser;
var gCurrentImage = 0; /* the default image in the array of images */
var randombgs=["images/body/clarinet.jpg", "images/body/jazzsax.jpg", "images/body/composing.jpg", "images/body/classical-music.jpg"];


function canManipulateImages() {
    if (document.images)
        return true;
    else
        return false;
}
function loadSlide(imageURL) {
    document.body.style.backgroundImage='url(\''+ imageURL + '\')';  /* change this line to be the actual image you want to change i.e. document.getElementbyId('MyImage').src or something similar */
    return true;
}
function nextSlide() {
    gCurrentImage = Math.floor(Math.random()*randombgs.length);
    loadSlide(randombgs[gCurrentImage]);
}

gImageCapableBrowser = canManipulateImages();
setInterval("nextSlide()",gSlideshowInterval * 1000);