이미지 버튼 위에 마우스를 올려 온

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 
}); 

최저 :