如何將動態圖像加載到幻燈片中

我想創建一個頁面，用戶可以選擇將以幻燈片形式顯示的圖像。我試圖使用imgchecked.js並想使用lightgallery.js。如何將動態圖像加載到幻燈片中

如何將一個圖像數組傳遞到動態EL？有沒有辦法使用類imgchecked加載圖像？

任何幫助，非常感謝。並且在編碼方面提前致歉。

這裏是一個的jsfiddle僅似乎在Chrome中略有工作： imgcheckbox與lightgallery - https://jsfiddle.net/ssab/cydgs40n/13/ 感謝

<div class="slides"> 
    <ul> 
     <li><img src="001.jpg" /></li> 
     <li><img src="002.jpg" /></li> 
     <li><img src="003.jpg" /></li> 
     <li><img src="004.jpg" /></li> 
    </ul> 
    <button id="dynamic">Launch Gallery</button> 
</div>

而且JS：

$(".slides img").imgCheckbox(); 

$('#dynamic').on('click', function() { 
    $(this).lightGallery({ 
     dynamic: true, 
     dynamicEl: [{ }] 
    }); 
});

來源

2016-11-09 mero

謝謝你的回答。這正是我想要做的，但圖像的src被寫在代碼中。如何在不寫特定圖像的情況下獲取img src代碼？我希望用戶能夠點擊1或2或10張圖片，然後啓動畫廊。是否有可能以某種方式填充畫廊，例如命名一個類，例如「imgchecked」？ – mero

我不能讓代碼格式不錯，但你可以在這裏找到你的解決方案 http://codepen.io/anon/pen/NbGzPM?editors=1111

這個想法是你必須準備對象數組，每次動態按鈕點擊並將該數組傳遞到dynamicEL。

注意：請在使用前清潔和改進樣品代碼或讓我知道。

來源

2016-11-09 19:42:54

是的！大！非常感謝，這似乎工作！ – mero

有沒有機會知道如何按照點擊順序顯示圖像？在這裏問很多，我知道！ – mero

它沒問題。如果你想按照選擇的圖像進行排序，那麼在每次圖像點擊後，你必須填充我們現在創建的按鈕點擊後的數組。因爲您正在使用處理圖像點擊事件的imagecheck庫;需要破解，如果他們提供任何API，那麼你可以休息，因爲我說 –

如何將動態圖像加載到幻燈片中

回答

相關問題