javascript - 当我想要添加下一张图像时，图像被替换

Question

我有一个 javascript 函数，可以像幻灯片放映一样对图像进行动画处理。我想要的只是让图像从左到右一个接一个地显示。

我似乎找不到代码中图像被替换的位置。

var realoffset = d.offset % d.total;
$(this)
  .html(d.titles[realoffset])
  .attr('action','article:'+(realoffset+1))
  .fadeIn(600);

$(this)
  .siblings('img')
  .attr('src',function(i,attr){
       return attr.replace(
           /.+(\/large\/[a-zA-Z\.-_]+)$/,
           d.locations[realoffset]+'$1'
       )
  })
  .attr('action','article:'+(realoffset+1))
  .fadeIn(600);

Answer 1

.attr('src',function(i,attr){
   return attr.replace(
       /.+(\/large\/[a-zA-Z\.-_]+)$/,
       d.locations[realoffset]+'$1'
   )
})

此代码正在替换 img 标签的 src。您将需要插入新的 img 标签以并排显示它们，而不是替换当前标签的 src。