javascript數組中每個圖像的路徑名稱

我寫了一個簡單的代碼來導航圖像文件夾。它適用於網絡漫畫網站，因此每個圖像都單獨顯示，然後下一個和上一個按鈕循環顯示可用內容。javascript數組中每個圖像的路徑名稱

我的問題是，圖片號碼沒有顯示在網址中，所以你不能鏈接到一個單獨的漫畫，這使得分享，RSS等無效。

我不知道我是否需要嘗試獲取使用PHP顯示的路徑，或者它是否可以作爲變量添加到現有的Javascript中，或者腳本是否需要嵌入索引頁面本身。我一直在研究這個好幾個小時，我認爲location.path可能是關鍵，但我還沒有能夠解決如何成功實現它。

var images = ["comic_imgs/1.jpg", 
    "comic_imgs/2.jpg", 
    "comic_imgs/3.jpg", 
    "comic_imgs/4.jpg", 
    "comic_imgs/5.jpg", 
]; 
var index = 4; 

function nextImage() 
{ 
    ++index; 
    if (index < images.length) 
    { 
     document.getElementById("ID").setAttribute("src", images[index]); 
    } 
    else 
    { 
     index = (images.length - 1); 
     nextImage(); 
    } 
} 

function previousImage() 
{ 
    --index; 
    if (index > -1) 
    { 
     document.getElementById("ID").setAttribute("src", images[index]); 
    } 
    else 
    { 
     index = 1; 
     previousImage(); 
    } 
} 

function firstImage() 
{ 
    index = 0; 
    document.getElementById("ID").setAttribute("src", images[index]); 
} 

function lastImage() 
{ 
    index = (images.length - 1); 
    document.getElementById("ID").setAttribute("src", images[index]); 
}

感謝您抽空看看！

來源

2014-01-15 user3194428

你正在做的是改變#ID元素的src。

例如，如果這是你的HTML：

<img src='[url]' id='ID'/>

您可以用標籤封裝的IMG，因爲這將允許用戶有一個鏈接到指定的圖像：

<a href='[url]'><img src='[url]' id='ID'/></a>

然後（當你改變src時改變href）你只需要添加：

document.getElementById("ID").parentNode.setAttribute("href", images[index]);無處不在你在做document.getElementById("ID").setAttribute("src", images[index]);

來源

2014-01-15 17:36:24 eithed

謝謝。今晚我會試試看！ – user3194428

你好，我試了一下，但它不是我想要的。我需要在瀏覽器的url中顯示路徑，以便理想地變成'mysite/index/comic/number.ext。我不確定這是否可以通過我正在使用的腳本實現，如果不是，我可以實施圖庫軟件。我只想嘗試適應當前的代碼。我懷疑我給這個主題的名字可能會引起誤解。 – user3194428

然後您也在尋找的是手動URL更改（如果用戶點擊鏈接，頂部的URL會更改，但他保持在同一頁面上，所有JS操作都按當前步驟進行）。要做到這一點，我建議看看https://github.com/browserstate/history.js，這是打算做到這一點 – eithed

javascript數組中每個圖像的路徑名稱

回答

相關問題