0.0.38 ā¢ Published 3 years ago
vue-product-zoom v0.0.38
Welcome to Vue Product Zoomer for Nuxt š
A Image Zoomer For Eshop Website.Saving Your Time...
Install
npm install vue-product-zoom
Usage
import ProductZoomer from 'vue-product-zoom'
Vue.use(ProductZoomer)
<ProductZoomer
:base-images="images"
:base-zoomer-options="zoomerOptions"
@choosenImage="choosenImageHandler"
@previewBoxClicked="previewBoxClickedHandler"
/>
Options
images
{
{
'thumbs': // optional, if not present will use normal_size instead
[
{'id':'unique id', 'url': 'image url'},
{'id':'unique id', 'url': 'image url'}
]
},
{
'normal_size': // required
[
{'id':'unique id', 'url': 'image url'},
{'id':'unique id', 'url': 'image url'}
]
},
{
'large_size': //optional, if not present will use normal_size instead
[
{'id':'unique id', 'url': 'image url'},
{'id':'unique id', 'url': 'image url'}
]
}
}
zoomerOptions
{
zoomFactor: 3, // scale for zoomer
pane: 'pane', // three type of pane ['pane', 'container-round', 'container']
hoverDelay: 300, // how long after the zoomer take effect
namespace: 'zoomer', // add a namespace for zoomer component, useful when on page have mutiple zoomer
move_by_click:false // move image by click thumb image or by mouseover
scroll_items: 5, // thumbs for scroll
choosed_thumb_border_color: "#bbdefb", // choosed thumb border color
scroller_button_style: "line",
scroller_position: "left",
zoomer_pane_position: "right"
}
Author
š¤ Raymond Cheng
- Twitter: @akulubala
Github: @akulubala
Fixed for Nuxt (thsnyzkn)
- Edited by (@yajinn)
0.0.38
3 years ago
0.0.37
3 years ago
0.0.35
3 years ago
0.0.36
3 years ago
0.0.33
3 years ago
0.0.34
3 years ago
0.0.30
3 years ago
0.0.32
3 years ago
0.0.29
3 years ago
0.0.28
3 years ago
0.0.27
3 years ago
0.0.26
3 years ago
0.0.25
3 years ago
0.0.24
3 years ago
0.0.23
3 years ago
0.0.22
3 years ago
0.0.21
3 years ago
0.0.20
3 years ago
0.0.19
3 years ago
0.0.18
3 years ago
0.0.17
3 years ago
0.0.16
3 years ago
0.0.15
3 years ago
0.0.14
3 years ago
0.0.13
3 years ago
0.0.12
3 years ago
0.0.11
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.3
3 years ago
3.0.1
3 years ago