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

Answer 2

之前的答案是正确的，但我应该做的事情是：

在身体上调用方法然后

让函数自我调用，这样你就会有一个无限循环的旋转

 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]);

    // the code changed here
    setInterval("nextSlide()",gSlideshowInterval * 1000);

}

 //and this will be call once a page load 
function onBodyLoad()
{
    gImageCapableBrowser = canManipulateImages();
    nextSlide();
}


</script>

这是html源

    <body onload="onBodyLoad">
</body>

如何使用Javascript在横幅中旋转图像？

2 个答案: