1

我有一个 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);
4

2 回答 2

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

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

于 2013-07-22T18:30:53.867 回答
0

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

首先，让我们理清思路。根据您的代码，您似乎希望在幻灯片中循环显示图像时将其淡入视图。为此，请研究以下示例：

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

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

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

有无数种方法可以创建幻灯片！您可以利用 JavaScript 的setTimeout来实现自动播放。您可以从其他地方加载您的字幕。您可以从外部脚本（如 Barbara 提到的）获取图像。您可以通过使用jQuery animate来滑动图像而不是使它们褪色。永无止境！

于 2013-07-22T19:20:25.413 回答