替換爲另一個圖像通過單擊「下一步」按鈕

這裏是我的網站： http://mollymasonjohnson.com/project_3/newstyles.html 替換爲另一個圖像通過單擊「下一步」按鈕

當你點擊「平面設計」娃娃，它把你的圖形設計頁面。在這個頁面上有縮略圖，點擊時會顯示我的項目的圖像。其中一些項目涉及多個圖像，因此我需要能夠點擊一個「下一個」按鈕（在這種情況下，右下角的藍色小箭頭）才能從項目的一個圖像轉到另一個圖像。

我試圖使一個陣列（從一個圖像中的某個項目內的項目中切換到下一個圖像），但它並沒有爲我工作。我究竟做錯了什麼？

2011-12-08 Molly Johnson

首先使用百分比，而不是用於滑動的固定值。即因爲我正在一個大屏幕上看它，並且仍然可以在幻燈片後看到娃娃，所以請使用100％而不是-1490px。

確定的問題是，有一個與您選擇的ID沒有元素。您的getElementById對GD-項目，但認爲是類和元素有ID的GD-項目-1，GD-項目-2，GD-項目-3等。而且那是div的ID而不是實際的圖像，它沒有src屬性。

嘗試像（因爲你有jQuery的）

$(".gd-project img").attr("src",blindsimage[counter].src);

希望這有助於！

來源

2011-12-08 20:30:36 hackartist

太棒了！謝謝你回來這麼快。當我替換document.getElementById（「gd-project」）。src = blindsimage [counter] .src;用$（「.gd-project img」）。attr（「src」，blindsimage [counter] .src）;但是，它沒有工作。那是因爲「.gd-project img」沒有定義？ –

嗯，也許這是因爲有很多事情與之相匹配......如果你知道你想改變的那個ID號碼，你可以用它來代替它。即用id（gd-project-1 img））。attr（「src」，blindsimage [counter] .src）來更改ID爲gd-project-1的人的圖像。更簡單的事情可能是給img本身一個唯一的ID ...還提醒blindsimage [counter] .src以確保它是您想要的實際圖像src。 – hackartist

哦，等等我只注意到它引發錯誤是「沒有定義更新」，這意味着該更新不從的onclick來看待...嘗試把一個點擊（）處理程序，以從內部調用更新的document.ready函數，這應該解決它。做$（'＃gd-R-arrow'）。click（function（）{update（）}）;完成後定義更新。 – hackartist

替換爲另一個圖像通過單擊「下一步」按鈕

回答

相關問題