克隆多张图片 javascript

Question

我正在尝试在幻灯片放映中使用这种故障效果，所以它可以工作我必须再克隆源图像 3 次。第一张图片效果很好，当我尝试添加幻灯片的第二张图片时出现了问题。不是克隆第二个图像本身，第一个图像读起来就像它的一个克隆。

这是我目前得到的 fiddle https://jsfiddle.net/oqbf6kkc/

我认为主要问题是 javascript 但我不太明白。

$(document).ready(function(){
    $(".glitch-image img").clone().appendTo(".glitch-image").end()
})

Answer 1

尾随逗号总是个问题。

请删除第 n 个子选择器前面的逗号

.glitch-image img:nth-child(2),  {

另外，我不确定你提到的效果，但是你的JS代码也有问题。您没有遍历所有元素。

    $(document).ready(function(){
  $(".glitch-image img").clone().appendTo(".glitch-image").end()
})

我对你的代码做了一些修改。检查它们 here.

克隆多张图片 javascript

Cloning more than one image javascript

javascript

jquery

clone

slideshow