按一下按钮启动Lightbox

Question

“悬停在图像上”按钮出现

<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/

是否有办法在单击按钮时将图像下载到灯箱？

Answer 1

图片将不会被“下载”到lightbox按钮点击，您将不得不添加在'ul class=“旋转木马清除修复‘’的图片，我是指'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
});

祝你好运:)