首页 建站知识 源码分享 素材下载 经验分享

spotlight.js图片画廊插件弹出层全屏幻灯片切换效果

发布时间:2019年08月18日 10:48:02
<script src="js/spotlight.bundle.js"></script> 
<script type="text/javascript"> 
    const checkboxes = document.getElementsByTagName("input"); 
 
    const gallery = [{ 
 
        title: "Image 1", 
        description: "This is a description.", 
        src: "gallery/london-1758181.jpg" 
    },{ 
        title: "Image 2", 
        description: "This is a description.", 
        src: "gallery/sea-1975403.jpg" 
    },{ 
        title: "Image 3", 
        description: "This is a description.", 
        src: "gallery/newport-beach-2089906.jpg" 
    }]; 
 
    window.showGallery = function(index){ 
 
        Spotlight.show(gallery, { 
 
            index: index, 
            theme: "dark", 
            animation:  [ 
                checkboxes[0].checked && checkboxes[0].value, 
                checkboxes[1].checked && checkboxes[1].value, 
                checkboxes[2].checked && checkboxes[2].value, 
                checkboxes[3].checked && checkboxes[3].value 
            ] 
        }); 
    }; 
</script>


点赞
(0)|
收藏
(0)
|
纠错
|
下载次数
46
浏览 164 次
发布时间:2019年08月18日 10:48:02 所属 特效素材 spotlight.js图片画廊插件弹出层全屏幻灯片切换效果
spotlight.js图片画廊插件弹出层全屏幻灯片切换效果
spotlight.js图片画廊插件弹出层全屏幻灯片切换效果
特效素材
发布时间:2019年08月11日 19:07:35 所属 javascript js实现PC电脑端点击下载图片到本地
js实现PC电脑端点击下载图片到本地
javascript

推荐分享

热门