这是我的图像的 HTML:
<img id="polaroid1" class="polaroid" onclick="fadeImages(this)" src="images/polaroid1.png">
<img id="polaroid2" class="polaroid" onclick="fadeImages(this)" src="images/polaroid2.png">
<img id="polaroid3" class="polaroid" onclick="fadeImages(this)" src="images/polaroid3.png">
在用户单击这些图像中的任何一个后,它会调用 fadeImages() 函数。这是我的 JavaScript 和 jQuery:
function fadeImages(e) {
var clickedImage = $(e).attr('id');
$('img').each(function() {
if($(this).attr('id') != clickedImage) {
$('img').animate({opacity: 0}, 500);
}
});
}
基本上,我希望所有图像,但点击的图像淡出,但我不知道如何将点击的图像 ID 传递给“每个()”函数。有任何想法吗?