изменение непрозрачности изображения при событии mouseup

Question

Я пытался понять, как изменить прозрачность изображения при событиях мыши.до сих пор я придумал

    <img src="image.png" style="opacity:1;filter:alpha(opacity=100)"
onmouseup="this.style.opacity=0.4;this.filters.alpha.opacity=40" />

. Это прекрасно работает, когда изображение, которое я хочу изменить, является нажатием.но я хочу изменить непрозрачность другого изображения, когда вы нажимаете на это.щелкните изображение, чтобы оно показалось другим.

Я знаю, что ответ как-то связан с "this.style.opacity", но я не могу решить его.Спасибо за всю вашу помощь эксперта.

Answer 1

Я думаю, тебе нужно что-то вроде этого

<img src="image.png" style="opacity:1;filter:alpha(opacity=100)"
onclick="ChangeImage()" />
 <img src="image.png" id="image2" style="opacity:20;filter:alpha(opacity=100)"
onclick="ChangeImage()" />

и JavaScript

<script type="text/javascript">
function ChangeImage(){
var image2= document.getElementById('image2');
   //do your work here for image2 
   image2.style.opacity='1';

}
</script>