Javascript 将图像加载到引导转盘onClick中

我在一个有很多图像的html站点上工作，为了减少加载时间，我将在用户用javascript点击封面图像时加载隐藏的图像，然后将其插入引导旋转木马

我试着去，但没有成功。图像无法加载。有什么帮助吗？ 这是我最后的代码：

HTML

---

类似于：

$(".item img").each(function(i) {
    $("this").setAttribute('src', $("this").getAttribute('data-src'));
}

不过，我会使用jQuery插件lazyload

假设您有如下css：

.item{
  width:200px;
  height:auto;
}
.item img{
  width:100%;
  height:auto;
}

---

不要在同一页面上的不同元素上使用同一id。这是禁止的！！！“改用课堂教学。”法扎迪兹，谢谢。updated仍然不起作用，我得到了n.fn.init[1]，更新了JS代码，lazyload需要img高度和宽度，出于某种原因，我无法设置img高度和宽度

$(".item img").each(function(i) {
    $("this").setAttribute('src', $("this").getAttribute('data-src'));
}

.item{
  width:200px;
  height:auto;
}
.item img{
  width:100%;
  height:auto;
}