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

Question

我正在使用名为 TinySlideshow 的 javascript 幻灯片( creators' page 、 demo )。 有没有办法告诉当前正在显示索引中的哪张照片，以便我可以添加基于上下文的链接(例如“共享此”按钮，允许某人将当前照片发送到电子邮件)

我对代码进行了一些修改，以便使用循环在 Ruby on Rails 和 Paperclip 中工作:

<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>

感谢您提供的任何建议，如果您需要更多信息，请告诉我!

Answer 1

你可以做很多事情。首先，您可以简单地将共享按钮添加为 <li> 的一部分。 (您确实应该使用 partial 将其呈现为集合列表)

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

其次，你可以在元素中添加一个数据元素，然后用javascript生成分享按钮，但我认为前面的解决方案更好，因为它不需要任何js或后处理。

希望这有帮助。