Image Effect Component
A simple, highly customisable image effect component for Vue.
Screenshot
Features
- Customisable image.
- Customisable size image.
- Create and customisablee description image.
- Good SEO for image
Usage
Via NPM
Install via npm:
npm install vue-image-effect
Then require in your project:
const VueImage = require('vue-image-effect')
or ES6 syntax:
import VueImage from 'vue-image-effect'
Then you can register the component globally:
Vue.component('vue-image-effect', VueImage)
Or in your Vue component
:
components: { VueImage }
You can then use the following markup in your project:
<vue-image src="..." alt="..." ...></vue-image>
Via CDN
You may also include vue-image-effect
directly in to your webpage via Unpkg. Simply add the following script tag:
<script src="https://unpkg.com/vue-image-effect/dist/image-effect.min.js"></script>
You will need to register the component by doing:
Vue.component('vue-image', VueImageEffect.default)
You may also register the component locally via the components option.
Development & Testing
Please check the Contributing Guidelines.
Contribution
Issues and PRs are welcome !