1.1.0 • Published 30 days ago
vue-js-sirv-viewer v1.1.0
Vue.js Sirv Media Viewer
Easy to use, highly customizable Vue.js Sirv Media Viewer library.
Copy and paste this script anywhere in your HTML, usually before </head>
<script src="https://scripts.sirv.com/sirvjs/v3/sirv.js"></script>
or you can use npm module
install
npm install --save vue-js-sirv-viewer
register as plugin
import App from './App.vue'
import SirvMediaViewer from 'vue-js-sirv-viewer';
createApp(App)
.use(SirvMediaViewer)
.mount('#app');
basic usage
<sirv-media-viewer
:id='...'
:data-src='...'
data-options="fullscreen.enable:false;"
:slides="[
'https://demo.sirv.com/demo/snug/teal-b-throw.jpg',
'https://demo.sirv.com/demo/snug/teal.spin',
{
src: 'https://demo.sirv.com/demo/snug/unpacked.jpg',
type: 'image'
}
]"
></sirv-media-viewer>
:id
- viewer id:data-src
- using for*.view
files, overrides:slides
data-options
- viewer options:slides
- Array with slide sources. Sources can be String or Object. String can be just url link Object has additional props:id
- Slide id Stringsrc
- Source StringdataOptions
- Local slide options Objecttype
- Type of slide String. The available props are:spin
,zoom
,image
,youtube
,vimeo
,video
,html
dataThumbnailImage
- Custom thumbnail image StringdataThumbnailHtml
- Custom thumbnail html StringdataDisabled
- Disable slide BooleandataSwipeDisabled
- Disable slide swipe BooleandataHiddenSelector
- Hide selector BooleandataPinned
- Pinned selector String. The available props are:left
,right
staticImage
- Static image Boolean.
1.1.0
30 days ago
1.0.0-beta.8
2 years ago
1.0.0-beta.7
2 years ago
1.0.0-beta.6
2 years ago
1.0.0-beta.5
2 years ago
1.0.0-beta.4
2 years ago
1.0.0-beta.3
2 years ago
1.0.0-beta2
2 years ago
1.0.0-beta1
2 years ago