正在替换图片时，我想要添加下一张图片

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

来源

2013-07-22 Wanting to learn

你能格式化这个更具可读性吗？ –

我帮他解决了这个问题:) –

$（this）.siblings（'img'）。atrr（...）正在替换img标签 – Huangism

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

该代码被替换的IMG标签的src。您将要插入新的img标签并排显示，而不是替换当前标签的src。

来源

2013-07-22 18:30:53

感谢您的帮助。你知道我在哪里可以找到只使用js读取图像文件夹并显示它们的示例 –

Javascript无法读取文件夹，它运行的是客户端而非服务器端。所以，你需要一些服务器端代码来创建一个javascript可以访问的图像名称数组。这可以在页面加载时完成，也可以通过请求ajax来完成。 –

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

首先，让我们看看你的视野。根据您的代码，您似乎想要在幻灯片中循环播放图像时将图像淡入视图。为此，研究这个例子：

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

现在，你的代码做的东西有d.titles;纯粹通过推论我猜测，这显示图像和图像的标题？为此，研究我的更新小提琴：

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

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

来源

2013-07-22 19:20:25

谢谢！ VBuck！是啊，这不是我的代码，我正在和一位朋友一起开展一个项目，这是他的一点。我真的只是需要它你吐出像结构 –

网格中的图像嗯，以及改变的东西。我想我必须推迟到我原来的评论。没有足够的信息。如果我能看到这篇文章的完整源代码，我可能会帮助你。例如，现在就有了生成幻灯片的HTML + JS + CSS。 –

正在替换图片时，我想要添加下一张图片

回答

相关问题