掲示板/JavaScript質問板/過去ログ/一覧/ 「現在の画像がa.jpgなら正解」

0 名前： ksk ： 2007/07/27（金） 13:22 ID:IUkyuDCw sub-Ds: クリックすると画像が切り替わるjavascriptで「現在の画像がa.jpgなら正解」とし...

クリックすると画像が切り替わるjavascriptで
「現在の画像がa.jpgなら正解」としたいのですが・・・
どなたか教えてください。

失敗例）
if(document.images[画像のNAME].src=="img/a.jpg")
{
alert("正解！");
}

1 名前： カヅサツ ◆ThCi95HEzw ： 2007/07/27（金） 13:22 ［URL］ ID:O5hEMlpW sub-r2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<title>シャーベット業界の暗部</title>
<script type="text/javascript">
function changeImage(obj,uri,alt){
	if(document.compatMode=="CSS1Compat"){
		machString = "img/a.jpg";
		if(machString == obj.src.slice(-machString.length)){
			alert("正解!");
		}
		obj.src = uri;
		obj.alt = alt;
	}
}
</script>
</head>
<body>
<ul>
	<li><img src="./img/a.jpg" alt="a"
		onclick="changeImage(this,'http://www.google.co.jp/intl/ja_jp/images/logo.gif','google');"></li>
	<li><img src="./img/b.jpg" alt="b"
		onclick="changeImage(this,'http://i.yimg.jp/images/search/head_050825.gif','yahoo');"></li>
</ul>
</body>
</html>

2 名前：匿名： 2007/07/27（金） 13:22 ID:dSf93c20 sub-Cz

Base:

<p>
  <img src="img/1.jpg" alt="?">
  <img src="img/2.jpg" alt="?">
  <img src="img/3.jpg" alt="?">
</p>

Case 1:

// Gecko, Opera

if ('netscape' in window) {
    document.addEventListener ('click', {
        'img/1.jpg' : 'img/a.jpg',
        'img/2.jpg' : 'img/b.jpg',
        'img/3.jpg' : 'img/c.jpg',
        handleEvent : function (evt) {
            var t = evt.target;
            if (t.tagName == 'IMG') {
                var src = this[t.src.match (/img\/.*\.jpg$/)];
                if (src) t.src = src;
                if (src == 'img/a.jpg') alert ('HIT!');
            }
        }
    }, false);
}

Case 2:

// IE5+, Gecko, Opera, Safari

document.onclick = function (evt) {
    var list = arguments.callee.srcList;
    var t = evt.target || event.srcElement;
    
    if (t.tagName == 'IMG') {
        var src = list[t.src.match (/img\/.*\.jpg$/)];
        if (src) t.src = src;
        if (src == 'img/a.jpg') alert ('HIT!');
    }
};

document.onclick.srcList = {
    'img/1.jpg' : 'img/a.jpg',
    'img/2.jpg' : 'img/b.jpg',
    'img/3.jpg' : 'img/c.jpg'
};