發起燈箱上的按鈕，點擊會出現

Question

在懸停在圖片按鈕
HTML

<div class="block-11 block-1"> 
     <div class="carousel-wrapper" id="carousel-1"> 
      <ul class="carousel clearfix"> 
       <li> 
        <a href="img/img_8.jpg" data-lightbox="gallery-1" data-title=""> 
         <img src="img/img_8.jpg" alt="" width="646" height="350">      
        </a> 
       </li> 
       <li> 
        <a href="img/img_9.jpg" data-lightbox="gallery-1" data-title=""> 
         <img src="img/img_9.jpg" alt="" width="646" height="350">      
        </a> 
       </li> 
       <li> 
        <a href="img/img_10.jpg" data-lightbox="gallery-1" data-title=""> 
         <img src="img/img_10.jpg" alt="" width="646" height="350">      
        </a> 
       </li> 
       <li> 
        <a href="img/img_8.jpg" data-lightbox="gallery-1" data-title=""> 
         <img src="img/img_8.jpg" alt="" width="646" height="350">      
        </a> 
       </li> 
       <li> 
        <a href="img/img_9.jpg" data-lightbox="gallery-1" data-title=""> 
         <img src="img/img_9.jpg" alt="" width="646" height="350">      
        </a> 
       </li> 
       <li> 
        <a href="img/img_10.jpg" data-lightbox="gallery-1" data-title=""> 
         <img src="img/img_10.jpg" alt="" width="646" height="350">      
        </a> 
       </li> 
      </ul> 
      <div class="semitransparentoverlay"> 
       <input name="" type="button" value="Смотреть все фото" class="btn-1"> 
      </div> 
     </div> 
    </div> 

http://jsfiddle.net/1po0acv6/5/

有沒有辦法這樣做的按鈕上點擊時的圖像下載到Lightbox ？

Answer 1

這些圖片在點擊按鈕時不會被「下載」到燈箱，您將不得不在「ul class =」carousel clearfix「'的innerHTML中添加圖片，我的意思是'li'的HTML包括其子項'a'和'img'。然後重新初始化燈箱。

像這樣：

jQuery('#button').click(function(){ 
    $('ul.carousel').html('<li> 
        <a href="img/img_10.jpg" data-lightbox="gallery-1" data-title=""> 
         <img src="img/img_10.jpg" alt="" width="646" height="350">      
        </a> 
       </li>'); 
    //now code lightbox reinitialization, according to the library you are using 
}); 

祝您好運:)