Javascript 随机衰落图像

我想知道是否有人能帮助我，或者为我指明正确的方向

我有一个网格的图像。我希望做的是抓取页面上的所有图像并将它们放入数组（完成）。然后每3秒钟我想随机选择一张图片，淡出，淡入同一页的另一张图片

---

有人能帮我吗？

我曾经制作过一个很好的脚本，但它确实使用了jquery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
var curIndex = 0;
var src = ['imgs/derp.jpg', 'imgs/derp2.png'];
var fadeTimeInMilliseconds = 2000;
var waitTimeInMilliseconds = 5000;

$(document).ready(function(){
    switchImageAndWait(true);
});

function switchImageAndWait(fadeOut2){
    if(fadeOut2){
        setTimeout(fadeOut, waitTimeInMilliseconds);
    }else{
        var index = Math.floor((Math.random()*src.length))
        if(curIndex == index){
            index++;
            if(index >= src.length){
                index-=2;
            }
        }
        curIndex = index;
        $("#swekker").attr("src", src[index]);
        fadeIn();
    }
}

function fadeOut(){
    $("#swekker").fadeTo( fadeTimeInMilliseconds, 0 , function() { switchImageAndWait(false); });
}

function fadeIn(){
    $("#swekker").fadeTo( fadeTimeInMilliseconds, 1 , function() { switchImageAndWait(true); });
}
</script>

var-curIndex=0；
var src=['imgs/derp.jpg'，'imgs/derp2.png']；
var fadeTimeInMilliseconds=2000；
var waittimeinmillizes=5000；
$（文档）.ready（函数（）{
switchImageAndWait（true）；
});
功能开关ImageAndWait（淡出2）{
如果（衰减2）{
setTimeout（淡出，WaitTimein毫秒）；
}否则{
var index=Math.floor（（Math.random（）*src.length））
if（curIndex==索引）{
索引++；
如果（索引>=src.length）{
指数-=2；
}
}
curIndex=指数；
$（“#swekker”）.attr（“src”，src[index]）；
fadeIn（）；
}
}
函数衰减（）{
$（“#swekker”）.fadeTo（fadeTimeInMilliseconds，0，function（）{switchImageAndWait（false）；}）；
}
函数fadeIn（）{
$（“#swekker”）.fadeTo（fadeTimeInMilliseconds，1，function（）{switchImageAndWait（true）；}）；
}

这是一个jquery脚本，它不断地淡入、等待并再次淡出

要使用此脚本，只需将其添加到图像中：

<img width="602" height="400" src="imgs/derp.jpg" id="swekker"/>

到目前为止您试过了吗？另外，您是否使用jQuery？因为这会使过程简单得多。@ChenAsraf。这个问题在本机JS或使用任何库中都是微不足道的。这只会让您省去实现淡入淡出的需要，这可能需要一些工作才能顺利工作。为什么要重新发明轮子？除非您使用CSS3转换来实现这一点，否则将限制浏览器支持。谢谢您回答我的第一个问题。（淡入淡出的那一个）但我没有的是随机选择器，你能帮我吗？这个脚本有一个随机发生器脚本；）。var src=['imgs/derp.jpg'，'imgs/derp2.png']；element.src=src[Math.floor（（Math.random（）*2））；只需向数组中添加更多图像：src=['imgs/derp.jpg'，'imgs/derp2.png']；这些将是随机的