Javascript 加载网站时会出现随机图像

我有2个我的网站图片，我想它加载其中一个当网站加载

我尝试过使用一些javascript。但我对这一切都很陌生

这就是我认为我要做到的

<div class="image">
Show one of 2 images here.
</div>


    <script>
    var r = Math.floor(Math.random() * 100) + 1;    
    if(r < 51) { 
       SHOW IMAGE 1
    }
    else {
        SHOWIMAGE 2
    }
    </sccript>

在此处显示两幅图像中的一幅。
var r=Math.floor（Math.random（）*100）+1；
如果（r<51）{
显示图像1
}
否则{
展示图片2
}

所以我希望有人能教我如何把它转换成函数代码

---

谢谢。

您可以直接使用javascript设置图像的src属性，然后使用Math.random，就像您希望在不同的图像URL之间进行选择一样

使用id为“random_image”的图像标记：

// images from wikipedia featured images/articles 2015-03-03
var img = document.getElementById('random_image');
if (Math.random() > .5) {
    img.src = 'http://upload.wikimedia.org/wikipedia/en/thumb/4/45/Bradford1911.jpg/266px-Bradford1911.jpg';
} else {
    img.src = 'http://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/Pitta_sordida_-_Sri_Phang_Nga.jpg/720px-Pitta_sordida_-_Sri_Phang_Nga.jpg';
}

下面是一个JSFIDLE示例：

1.way:

---

另一个：

函数预加载（图像）{
if（document.images）{
var i=0；
var imageArray=新数组（）；
imageArray=images.split（'，'）；
var imageObj=新图像（）；
对于（i=0；iHey@CollinGreen）来说，这对我来说非常有效！谢谢。现在我要在脚本中添加一个计时器，我知道如何使用超时来完成此操作。但是有没有办法让它淡出，而不是像这样的“困难”呢切换。或者这是更多的工作吗？@FrederikLund-用普通javascript手动操作并不太糟糕，但是如果您使用的是库（比如jquery有一个内置的淡入淡出功能），这非常简单。无论哪种方式，您都应该开始一个新问题（如果您觉得这个问题为您解决了，请接受这个答案）。
var _img = document.getElementById('id1');
var newImg = new Image;
newImg.onload = function() {
    _img.src = this.src;
}
newImg.src = 'http://www.something.blabla.....';

function preload(images) {
    if (document.images) {
        var i = 0;
        var imageArray = new Array();
        imageArray = images.split(',');
        var imageObj = new Image();
        for(i=0; i<=imageArray.length-1; i++) {
            //document.write('<img src="' + imageArray[i] + '" />');// Write to page (uncomment to check images)
            imageObj.src=imageArray[i];
        }
    }
}

<script type="text/javascript">
preload('image1.jpg,image2.jpg,image3.jpg');
</script>