Skip to content

Releases: pexea12/vue-image-lightbox

Support SSR

28 Jan 16:32
Compare
Choose a tag to compare
  • Support SSR when check for undefined window in hammerjs
  • Add slots and props to customize Lightbox (#55)

fix undefined ref when add hammer event

13 Sep 04:04
d7256ab
Compare
Choose a tag to compare
  • fix undefined ref when add hammer event

6.0.0

18 Jun 16:41
d7256ab
Compare
Choose a tag to compare
  • Refactor algorithm for thumbnail display
  • Upgrade dependencies
  • Remove vue-touch to use hammerjs
  • Fix wrong z-index in minified css (#34)
  • Add event emitter
  • Add gh-pages for demo

Add disableScroll

25 Apr 04:52
Compare
Choose a tag to compare

Properties:

  • disableScroll: set to true to avoid scrolling views behind lightbox

5.5.2

04 Jul 03:02
Compare
Choose a tag to compare
  • Fix images not watching (#22)

5.5.1

02 Jul 03:38
Compare
Choose a tag to compare
  • Fix min css file

5.5.0

30 Jun 04:18
Compare
Choose a tag to compare
  • Fix stopPropagation is not a function (#16): #19
  • Prevent layout from breaking on IE11 (#18)

5.4.3

15 Jun 03:26
Compare
Choose a tag to compare
  • Fix click bug #12

5.4.1

09 Jun 03:47
Compare
Choose a tag to compare
  • Fix image src and caption: #11, #10
  • Support swipe gesture: #9

Add vue-touch

Install the package:

npm install vue-image-lightbox vue-lazyload
yarn add vue-image-lightbox vue-lazyload vue-touch@next

Then import it in your project
At your entry point (main.js normally)

import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
import VueTouch from 'vue-touch'
...
Vue.use(VueLazyLoad)
Vue.use(VueTouch, { name: 'v-touch' })

View README to see more details

5.3.0

07 Jun 14:20
Compare
Choose a tag to compare
  • Fix production build: #7
  • Improve transition between images: #8
  • Disable scroll when open lightbox: #6