vue-photoswiper

Vue directive for PhotoSwipe.Javascript image gallery for mobile and desktop.

Installation

npm install vue-photoswiper -S

Or

yarm add vue-photoswiper

Usage

Register

import Vue from 'vue'
import vuePhotoswiper from 'vue-photoswiper'

Vue.use(vuePhotoswiper)

new Vue({
	/// some options
})

<img src="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg" alt="" v-preview="1" style="width:200px">

image group

<img src="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg" alt="" v-preview="1" style="width:200px">
<img src="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg" alt="" v-preview="1" style="width:200px">
<img src="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg" alt="" v-preview="2" style="width:200px">
<img src="https://farm2.staticflickr.com/1043/5186867718_06b2e9e551_b.jpg" alt="" v-preview="2" style="width:200px">