0

私はJqueryを初めて使用するので、間違った方法で私を連れて行かないでください。私はいくつかの画像を持っています、そしてユーザーが画像をクリックするとその不透明度は減らされるべきです。そしてユーザーが他の画像をクリックするとそれは元の特性を取り戻すべきです。

正規表現の置き換えとそれにガラスIDを適用することは、追加の変更です。ユーザーが他の画像をクリックしたときにcss値をリセットするにはどうすればよいですか。

これが私のJqueryコードです。

$("#list img").click(function () {

$(this).css("opacity",".3");
var selectImgName =  $(this).attr("src");

selectImgName = selectImgName.replace("c", "b");

$("#glasses").attr("src", selectImgName);
    });
});

これが私のHTMLコードです。

<div id="list"   >
<img src="img/c1.png" style="display:box; width:125px; margin-left:5px; margin-top:9px" />
<img src="img/c2.png" style="display:box; width:125px;margin-left:5px;margin-top:9px"/>
<img src="img/c3.png" style="display:box; width:125px;margin-left:5px;margin-top:9px" />    
<img src="img/c4.png" style="display:box; width:125px;margin-left:5px;margin-top:9px"/>
</div>
4

2 に答える 2

0

すべての画像の元の不透明度を復元してから、クリックした画像を変更するだけです。

$("#list img").click(function () {
    $("#list img").css("opacity", "1");
    $(this).css("opacity",".3");
});

これは機能するはずです。

于 2013-03-09T10:50:13.107 に答える
0

このようなもの：

$("#list img").css("opacity","1"); //reset all
$(this).css("opacity",".3"); //set on clicked

jsFiddle

于 2013-03-09T10:50:20.830 に答える