How to use the blueimp-gallery function in blueimp-gallery

To help you get started, we’ve selected a few blueimp-gallery examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github TerryZ / vue-plugins / src / components / v-gallery / Gallery.vue View on Github external
enableKeyboardNavigation : true,//是否打开键盘导航
                        toggleControlsOnReturn : false,//是否允许回车,显示/隐藏控制按钮
                        toggleControlsOnSlideClick : false,//是否允许鼠标点击图片,显示/隐藏控制按钮
                        startSlideshow : false,//是否自动开始播放图片轮播
                        onslide: function (index) {
                            that.showed(index);
                        },
                        onclosed: function () {
                            that.showed(-1);
                        }
                    },
                    main = custom ? that.$refs.links : that.$refs.innerLinks,
                    links = main.getElementsByTagName('a');
                //console.log(e);
                //console.log(link.tagName);
                gallery(links, options);
            },
            openCarousel(){
github TerryZ / vue-plugins / src / components / v-gallery / Gallery.vue View on Github external
this.$nextTick(()=> {
                    gallery(that.list, {
                        container: that.$refs.container,
                        carousel: true,
                        toggleControlsOnSlideClick : false,
                        onslide: function (index) {
                            that.showed(index);
                        }
                    });
                });
            },

blueimp-gallery

blueimp Gallery is a touch-enabled, responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. It features swipe, mouse and keyboard navigation, transition effects, slideshow functionali

MIT
Latest version published 3 years ago

Package Health Score

58 / 100
Full package analysis