找出当前在javascript幻灯片中显示的照片

我正在使用一个名为TinySlideshow（，）的javascript幻灯片。 是否有一种方法可以告诉索引中当前显示的照片，以便我可以添加基于上下文的链接（例如，允许某人将当前照片发送到电子邮件的“共享此”按钮）

我对代码进行了一些修改，使其能够在Ruby on Rails中使用回形针，使用循环：

<ul id="slideshow">
<%= @images.each do |image| %>
        <li>
            <h3><%= image.theme%></h3>
            <span><%= image.photo.url(:large)%></span>
            <p></p>
            <a href=" <%= upload_image_path(image)%>"><img src="<%= image.photo.url(:thumb)%>" alt="Sea Turtle" /></a>
        </li>
      <%end%>


      </ul>

---

谢谢你的建议，如果你想了解更多信息，请告诉我

你可以做很多事情。首先，您可以简单地将share按钮添加为

的一部分（您确实应该使用a将其呈现为集合列表）

其次，您可以向元素添加数据元素，然后使用javascript生成共享按钮，但我认为前面的解决方案更好，因为它不需要任何js或后期处理

---

希望这有帮助

您应该为图像类指定一个ID，以便您可以识别正在处理的图像。将其附加到每个列表项，如下所示：

。这方面的好处是，在DOM中有ID，比如

slideshow-image-1

和

slideshow-image-2

，现在可以很容易地用JavaScript进行迭代。

如果您知道Jquery，我会这样做

获取元素id图像的图像“src”，然后将其存储在DOM中，当您的用户共享图像时，您只需从DOM调用图像src

获取图像“src”的代码

---

然后使用data（）方法存储和检索“src”。

如果此脚本的作者使用了表示某种意义的变量名（a、b、c、d除外），我马上就能告诉您。

<ul id="slideshow">
    <%= render @images %>
</ul>

var image = $('#image').attr('src');