{"repo":"RobinCK/vue-gallery","free":true,"listed":false,"github":"https://github.com/RobinCK/vue-gallery","clone":"git clone https://github.com/RobinCK/vue-gallery.git","description":":camera: Responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. 🇺🇦","language":"Vue","stars":468,"topics":["vuejs","vue","vue-component","gallery","images","pictures","carousel","slider","touch","mobile"],"license":"MIT","category":"mobile-apps","readme_excerpt":"vue-gallery :camera: VueJS responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. Example jsFiddle - image jsFiddle - video Install CDN Recommended: https://unpkg.com/vue-gallery, which will reflect the latest version as soon as it is published to npm. You can also browse the source of the npm package at https://unpkg.com/vue-gallery/ npm Yarn Nuxt 1. Add a new file named vue-gallery.client.js to your nuxt plugins folder. It is important that your filename ends in .client.js (more info on this convention, only works from Nuxt v.2.4.0). 2. Copy paste the following content in it: 3. Add it to your list of plugins in nuxt.config.js : 4. You can now use the component globally: Usage VueJS single file (ECMAScript 2015) Browser (ES5) Props Props Type Default Description -------------------- :---------- ------------------------------------------------ -------------- images Array [] Urls list index Number null Opened image index options Object blueimp-gallery options Events Name Params Description ----------------- :------------------------ -------------- onopen onopened onslide onslideend onslidecomplete onclose onclosed Known Issues 1. Multiple VueGallery components in same page breaks functionalities Fix: Give each gallery a unique id. jsFiddle Example 2. Images not oriented correctly. It's because the image isn't in the \"correct\" orientation and the exif orientation data is what \"fixes\" the orientation when ","default_branch":null,"files":null,"tree":[],"storefront":"/r/RobinCK","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/RobinCK/vue-gallery/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}