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。

Answer 2

您自己编写了jQuery片段吗？我猜不是。无论如何，使用JavaScript创建“幻灯片”涉及很多因素。听起来你只需要一些关于这个主题的一般知识。

首先，让我们直截了当。根据您的代码，您似乎希望在幻灯片中循环播放图像时将其淡入视图。为此，研究这个例子：

http://jsfiddle.net/Y6fnx/1/

现在，您的代码使用d.titles填充;纯粹通过推论我猜测这会显示图像，也会显示图像的标题？为此，研究我的更新小提琴：

http://jsfiddle.net/ESP9S/1/

有无数种方法可以制作幻灯片！您可以利用JavaScript的setTimeout实现自动播放。您可以从其他地方加载字幕。您可以从外部脚本中获取图像（如Barbara所述）。您可以通过玩jQuery animate来滑动图片而不是淡化它们。它永远不会结束！

当我想要添加下一个图像时，图像被替换

2 个答案: