javascript - 在 div javascript HTML 中显示点击的图像

Question

我想将点击的图像显示到div中。 HTML:

<img src="image1.jpg" class="image">
<img src="image2.jpg" class="image">
<div>
    <img id="source">
</div>

JS:

$('img.image').click(function(){
    var source= $(this).attr('src');
    document.getElementById("source")=source;
});

此外，图像应该随着淡入淡出动画效果而变化。

我该怎么做？

提前致谢。

Answer 1

缺少src

$('img.image').click(function(){
  var source= $(this).attr('src');
  document.getElementById("source").src=source; // --- Here
});