查找在javascript幻燈片中顯示哪張照片

我正在使用名爲TinySlideshow的javascript幻燈片（creators' page,demo）。有沒有辦法判斷當前索引中的哪張照片正在顯示，以便我可以添加基於上下文的鏈接（例如，「共享此」按鈕，允許某人將當前照片發送至電子郵件）查找在javascript幻燈片中顯示哪張照片

I已經適應一下代碼，以紅寶石回形針工作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>

感謝您的任何建議，讓我知道，如果您想了解更多信息！

來源

2011-04-07 luroguco

如果這個腳本的作者已經使用了變量名，這意味着什麼（除了a，b，c，d），我可以一秒鐘告訴你。 – 2011-04-07 18:35:16

你可以做很多事情。首先，你可以簡單地添加分享按鈕爲<li>的一部分（你真的應該使用partial呈現出這是集合的列表）

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

其次，你可以一個數據元素添加到元素，然後用javascript生成分享按鈕，但我認爲以前的解決方案更好，因爲它不需要任何js或後期處理。

希望這會有所幫助。

來源

2011-04-07 18:35:47 idbentley

您應該爲您的圖片類指定一個ID，以便您可以識別您正在處理的圖片。將它附加到每個列表項目，如下所示：<li id="slideshow-image-<%= image.id %>">。關於這一點的好處在於，您在DOM中使用了slideshow-image-1和slideshow-image-2之類的ID，您現在可以非常輕鬆地使用JavaScript進行迭代。

來源

2011-04-07 18:37:40 acconrad

如果你知道jquery，這是我該怎麼做。

獲取元素ID圖像的圖像「src」，然後將其存儲在DOM中，當您的用戶共享圖像時，您只需從DOM調用圖像src。

的代碼來獲取圖像「SRC」

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

然後使用數據（）方法來存儲和檢索「源」。

來源

2011-04-07 18:37:57

查找在javascript幻燈片中顯示哪張照片

回答

相關問題