Javascript圖像陣列

Question

我發現這個javascript plugin將圖像放入一個響應式網格中，這會在點擊時擴大圖像的大視圖（如谷歌圖像）。我想修改大視圖的結構以顯示多個圖像而不是一個大圖像。

有沒有更改此代碼的方法，以便largesrc屬性不僅僅是指向單個圖像而是圖像數組的鏈接？

html;

<ul id="og-grid" class="og-grid"> 
    <li> 
    <a href="http://example.com" data-largesrc="img/example.jpg" data-title="Example Title" data-description="Example Description"> 
     <img src="img/example.jpg"> 
    </a> 

    <div class="og-expander"> 
     <div class="og-expander-inner"> 
     <span class="og-close"></span> 
     <div class="og-fullimg"> 
      <div class="og-loading"></div>      
     <img src="img/example.jpg"> 
     </div> 
     </div>  
     <div class="og-details"> 
     <h3>Example Heading</h3> 
     <p>Example Description</p> 
     <a href="http://example.com">Visit website</a> 
     </div> 
    </div> 
</li> 
</ul> 

js;

// update preview's content 
var $itemEl = this.$item.children('a'), 
    eldata = { 
     href: $itemEl.attr('href'), 
     largesrc: $itemEl.data('largesrc'), 
     title: $itemEl.data('title'), 
     description: $itemEl.data('description') 
    }; 

Answer 1

我不確定你的插件是否會這樣做，但看起來像有幾個插件可以做到這一點。

http://css-tricks.com/forums/discussion/12174/lightbox-with-multiple-images/p1