Javascript 单击按钮启动Lightbox

“将鼠标悬停在图像上”按钮出现
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>

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

在单击按钮时，图像不会“下载”到lightbox，您必须将图像添加到“ul class=“carousel clearfix”的内部HTML中，我指的是“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
});

jQuery（“#按钮”）。单击（函数（）{
$（'ul.carousel'）.html（'

(),；
//现在，根据您正在使用的库对lightbox重新初始化编码
});

祝你好运：）