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

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

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

---

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

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

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

现在，您的代码使用

d.titles

；纯凭推理，我猜这会显示图像，还有图像的标题？为此，请学习我最新的小提琴：

---

---

有无数种方法可以制作幻灯片！您可以利用JavaScript的特性实现自动播放。您可以从其他地方加载标题。您可以从外部脚本获取图像（如Barbara提到的）。您可以滑动图像，而不是通过播放使其褪色。它永远不会结束

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

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

现在，您的代码使用

d.titles

；纯凭推理，我猜这会显示图像，还有图像的标题？为此，请学习我最新的小提琴：

---

---

有无数种方法可以制作幻灯片！您可以利用JavaScript的特性实现自动播放。您可以从其他地方加载标题。您可以从外部脚本获取图像（如Barbara提到的）。您可以滑动图像，而不是通过播放使其褪色。它永远不会结束

你能把它的格式设置得更具可读性吗？我帮他解决了：）the$（this）.sibbines（'img'）.atrr（…）正在对img tag进行一些替换我猜这是在用下一幅图像的源代码替换源代码。我已经有了答案，但在你发布的代码示例中没有足够的上下文。什么时候调用该代码段？

此

引用了什么？您的

.attr（）

调用很好，因为它正在处理循环中当前图像的当前属性，但是一个完整的示例（使用jsfiddle）将真正帮助我们看到完整的图片并回答您的问题。您能将其格式化为更具可读性吗？我帮他解决了这个问题：）the$（this.sibbs（'img'）。atrr（…）正在对img tag进行替换我猜这是在用下一幅图像的源代码替换源代码。我已经有了很多答案，但在您发布的代码示例中没有足够的上下文。什么时候调用该代码段？

此

引用了什么？您的

.attr（）

调用很好，因为它正在处理循环中当前映像的当前属性，但是一个完整的示例（使用JSFIDLE）将真正帮助我们了解完整情况并回答您的问题。感谢您的帮助。你知道我在哪里可以找到使用js读取图像文件夹并显示它们的示例吗JavaScript无法读取文件夹，它是在客户端而不是服务器端运行的。因此，您需要一些服务器端代码来创建一个javascript可以访问的图像名称数组。这可以在页面加载时完成，也可以根据ajax的要求完成。谢谢您的帮助。你知道我在哪里可以找到使用js读取图像文件夹并显示它们的示例吗JavaScript无法读取文件夹，它是在客户端而不是服务器端运行的。因此，您需要一些服务器端代码来创建一个javascript可以访问的图像名称数组。这可以在页面加载时完成，也可以根据ajax的要求完成。谢谢！该死！是的，这不是我的代码，我正在和一个朋友做一个项目，这是他的一部分。我真的需要它，你把图像吐出网格状的结构，嗯，这改变了一切。我想我将不得不遵从我最初的评论。没有足够的信息。如果我能看到这篇文章的全部源代码，我可能会帮助你。例如，生成幻灯片的HTML+JS+CSS，正如您现在看到的。谢谢！该死！是的，这不是我的代码，我正在和一个朋友做一个项目，这是他的一部分。我真的需要它，你把图像吐出网格状的结构，嗯，这改变了一切。我想我将不得不遵从我最初的评论。没有足够的信息。如果我能看到这篇文章的全部源代码，我可能会帮助你。例如，生成幻灯片的HTML+JS+CSS，正如您现在看到的那样。

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