made with vue.js

Vue Image Zoomer

Image Zoom Component

Visit Site

Description

Image Zoom Component

"vue-image-zoomer is a lightweight responsive image zoom component for Vue 2/3 that also works on touch devices. It's perfect for zooming on product images on an ecommerce website.

It works on hover (default) or click on mouse devices, tap to zoom on touch screens.

Performance and pageload is important, so the zoom images do not load until needed – only the regular sized images load on pageload. The webp file format is also available (with jpg/png backwards compatabilty for browsers that do not yet support webp).

There is also an option to lazyload the regular image and breakpoints to have different image resolutions on different screen sizes."


Creator

Sam Jones


Social Media Links

Nuxt Content Assets Enable locally-located Assets in Nuxt Content
icon-eye-dark Created with Sketch. 569
Vue Media Upload Vue 3 Image Upload Component
icon-eye-dark Created with Sketch. 18.059
Sentry for Vue Vue Application Monitoring
πŸ’š Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Drie 3D Component Library
icon-eye-dark Created with Sketch. 889
Vue Toggles Toggle Component
icon-eye-dark Created with Sketch. 2.273