JS基本随机图像选择

时间:2013-07-20 19:32:52

标签: javascript arrays image

我昨天才开始使用HTML,而且我试图做一个非常基本的记忆游戏。首先,有一个所有部分的图像,然后是一个调用隐藏该图像并使另一个图像出现的功能的按钮。第二个图像是一个空白页面,其中包含前一个图像部分所在的空间。此外,还有一个usemap和一个函数,如果玩家正确点击了,它就会返回。我的问题是想出一个函数(以及如何调用它)来选择图像的随机部分。

function checkAnswer(a) {
if (a=='6') {
    alert('Correct!')
    }
else {
    alert('Wrong!')
    }
}

' a'必须是一个随机数,并按照所选图片的索引。

这是我发现的,但无法使用:

<!-- Attempt of random

function random_imglink() {
var cobras=new Array()
cobras[1]="<img src ="..\images\Cobra1.jpg">"
cobras[2]="..\images\Cobra2.jpg"
cobras[3]="..\images\cobra3.jpg"
cobras[4]="..\images\cobra4.jpg"
cobras[5]="..\images\cobra5.jpg"
cobras[6]="..\images\cobra6.jpg"
cobras[7]="..\images\cobra7.jpg"
cobras[8]="..\images\cobra8.jpg"
cobras[9]="..\images\cobra9.jpg"
cobras[10]="..\images\cobra10.jpg"
cobras[11]="..\images\cobra11.jpg"
cobras[12]="..\images\cobra12.jpg"
cobras[13]="..\images\cobra13.jpg"
cobras[14]="..\images\cobra14.jpg"
cobras[15]="..\images\cobra15.jpg"
var ry=Math.floor(Math.random()*cobras.length)
if (ry=='0') {
    ry = '1'
    }
document.write('<img src="'+myimages[ry]+'" border=0>')
}

-->

<!-- Attempt of random
<script>

var imgArray = new Array();

imgArray[0] = new Image();
imgArray[0].src = '..\images\Cobra1.jpg';

imgArray[1] = new Image();
imgArray[1].src = '..\images\Cobra2.jpg';

imgArray[2] = new Image();
imgArray[2].src = '..\images\cobra3.jpg';


function nextImage(element)
{
    var img = document.getElementById(element);

    for(var i = 0; i < imgArray.length;i++)
    {
        if(imgArray[i].src == img.src)
        {
            if(i === imgArray.length){
                document.getElementById(element).src = imgArray[0].src;
                break;
            }
            document.getElementById(element).src = imgArray[i+1].src;
            break;
        }
    }
}

</script>

0 个答案:

没有答案