https://github.com/zeknoss/vue-magnifier

A simple VueJS component for image magnifying / product zooming
https://github.com/zeknoss/vue-magnifier

magnifier magnifying vue vue-magnifier vuejs vuejs-components vuejs2 zoom

Last synced: about 15 hours ago
JSON representation

A simple VueJS component for image magnifying / product zooming

• Host: GitHub
• URL: https://github.com/zeknoss/vue-magnifier
• Owner: zeknoss
• Created: 2018-07-22T18:52:39.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T14:39:02.000Z (over 1 year ago)
• Last Synced: 2024-09-19T13:32:08.863Z (9 days ago)
• Topics: magnifier, magnifying, vue, vue-magnifier, vuejs, vuejs-components, vuejs2, zoom
• Language: Vue
• Homepage: https://codesandbox.io/s/github/zeknoss/vue-magnifier
• Size: 653 KB
• Stars: 62
• Watchers: 3
• Forks: 13
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue-Magnifier: a simple VueJS 2.x component

For a demo, please visit here: https://codepen.io/zeknoss/pen/vaxGKe

> Vue Magnifier is free component for basic image zoom practices.

> You can use it as follows:

``` html

To customize the look and feel of the component, just edit the vue component file, or the provided standalone vue-magnifier.scss or the vue-magnifier.css file.

```

## Load standalone from CDN

``` html

```

## Load standalone from local

``` html

```

## Build Setup

``` bash

# install dependencies

npm install

# serve with hot reload at localhost:8080

npm run dev

# build for production with minification

npm run build

# build for production and view the bundle analyzer report

npm run build --report

# run unit tests

npm run unit

# run all tests

npm test

```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).