刷新页面js html时随机化图像

时间:2019-04-07 19:00:39

标签: javascript html

这是一个应该使用DIV HTML而不是document.write随机渲染图像的代码,有人有想法吗?

<script>
var theImages = new Array()

//Random-loading images
theImages[0] = '/img/pirc/hostnger-he.png' // replace with names of images
theImages[1] = '/img/pirc/hostnger-en.png' // replace with names of images


var j = 0
var p = theImages.length;
var preBuffer = new Array()

for (i = 0; i < p; i++){
preBuffer[i] = new Image()
preBuffer[i].src = theImages[i]
}
var whichImage = Math.round(Math.random()*(p-1));

function showImage(){
    if(whichImage==0){
    $('.hostnger').html('<a href ="https://www.hostg.xyz/SH1An" target="_blank"><img class="hostnger" src="'+theImages[whichImage]+'"></a>')
    } 

    else if(whichImage==1){
            $('.hostnger').html('<a href ="https://www.hostg.xyz/SH1Ar" target="_blank"><img class="hostnger" src="'+theImages[whichImage]+'"></a>')
    }

}

</script>


<div class="hostnger"></div>

在此处刷新pageenter代码时随机化图像

1 个答案:

答案 0 :(得分:0)

您实际上在哪里调用showImage函数?

您应该添加

showImage();

某个地方。

您包括jQuery吗?

$('.hostnger')

这是一个jQuery调用,您在任何地方都不包括jQuery。