正在替換圖片時，我想要添加下一張圖片

我有一個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。 –

正在替換圖片時，我想要添加下一張圖片

回答

相關問題