Javascript图像比较

时间:2014-02-02 18:02:25

标签: javascript css html5 web

    function reOrderImage()
    {
        var bilder = new Array();
        bilder[1] = "sne.jpg";
        bilder[2] = "banan.jpg";
        bilder[3] = "monkey.jpg";

        var img = document.getElementById('bild')
        var img2 = document.getElementById('bild2')
        var img3 = document.getElementById('bild3')

        img.src = bilder[getRandomInt()]
        img2.src = bilder[getRandomInt()]
        img3.src = bilder[getRandomInt()]

        if(img.src == bilder[2] && img2.src == bilder[2] && img3.src == bilder[2])
        {
            alert("JACKPOOOOT MON!");
        }
    }

我试图比较3张图片是否相同,如果它们等于bilder [2]它应该提醒大奖!

1 个答案:

答案 0 :(得分:1)

您可以做的是将您用作源网址的值存储在变量中:

var url, url2, url3;
img.src = url = bilder[getRandomInt()]
img2.src = url2 = bilder[getRandomInt()]
img3.src = url3 = bilder[getRandomInt()]

if (url == bilder[2] && url2 == bilder[2] && url3 == bilder[2]) {}

这样可以防止将网址从图像中作为绝对网址进行检索。

原始答案:

首先比较三个网址,然后查看它们是否等于绝对网址中最后一个斜杠之后的部分:

if (img.src == img2.src && img2.src == img3.src && img.src.split('/').pop() == bilder[2]) {}