Bootstrap模式與圖像庫交換

我正在創建一個圖像庫，您可以在其中單擊縮略圖，然後縮略圖圖像與圖庫中的大圖像進行交換。Bootstrap模式與圖像庫交換

這一切都可以解決，之後你可以點擊大圖，然後Bootstrap模式窗口就會出現。

這也可以解決，但不知何故上一個/下一個按鈕不起作用。這意味着它應該顯示前一個或下一個大圖像。

的演示可以在這裏找到：http://hosted.dehaanmedia.nl/resources/imagegallery/

，JavaScript會在fiddle

找到我認爲這個問題是行內23 var index = jQuery(this).parent('.bigimage img').index();

來源

2014-09-24 e-retailer

不需要將'href'屬性更改爲圖像的'index'值，您需要創建一個函數，用正確的大圖像索引更改模態中圖像的src屬性。（我是否讓自己清楚了？） – MoshMage 2014-09-24 11:09:18

嗯，我很漂亮，創造了一些教程。我不知道如何改變這一點。 – 2014-09-24 11:11:40

查看這個小提琴的第47行http://jsfiddle.net/ytw1ds7z/ IDK在那裏你保存你的圖像，但這應該工作（注意：這是一個骯髒的'src'屬性改變）只記得改變'/路徑/到/你/ images/big /'路徑來匹配你所擁有的路徑。這應該讓你開始。 – MoshMage 2014-09-24 11:17:23

我改變了代碼以符合您的圖片路徑http://jsfiddle.net/p8vnrn59/3/因爲您忘記按照我的建議將圖像名稱添加到代碼中。在線47 你的提醒工作http://imgur.com/N2TSnt5 注：有一些小錯誤，我敢肯定你可以修復;我現在正在工作，沒有實時可以成爲這個小提琴。

來源

2014-09-24 11:49:44 MoshMage

我改變了你在jsfiddle中創建的代碼，我非常感謝。不知何故，它不會對上一個或下一個按鈕作出反應。我創建了一個提醒，但它不提醒。 – 2014-09-24 12:21:37

編輯答案以顯示您的alert（）工作;我還更改了代碼（注意/ 4/=小提琴的第四版），因爲我在代碼中發現了一個錯誤 – MoshMage 2014-09-24 12:47:41

Bootstrap模式與圖像庫交換

回答

相關問題