在div javascript HTML中显示单击的图像

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

此外，图像应随淡入淡出动画效果而更改

我怎么做

---

提前感谢。

缺少

src

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

---

缺少

src

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

---

您可以尝试使用以下代码

• 为要选择的图像提供相同的类名
• 选择目标图像元素，然后使用

  attr

  方法设置图像

  src

$（'.imagestobeclicked'）。单击（函数（evt）{
$（'#source'）.attr（“src”，evt.target.src）；
});

---

您可以尝试使用以下代码

• 为要选择的图像提供相同的类名
• 选择目标图像元素，然后使用

  attr

  方法设置图像

  src

$（'.imagestobeclicked'）。单击（函数（evt）{
$（'#source'）.attr（“src”，evt.target.src）；
});

Van I向此添加淡入淡出动画？Van I向此添加淡入淡出动画？

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