This repository was archived by the owner on Sep 24, 2024. It is now read-only.
tam315/vue-compare-image Repository files navigationSimple Vue.js component to compare two images using slider.
NOTE: React Version is also available!
In the shell:
yarn add vue-compare-image // or npm install --save vue-compare-image
In your component file:
import VueCompareImage from 'vue-compare-image';
export default {
name: 'app',
components: { VueCompareImage },
};
<template> <VueCompareImage leftImage="image1.jpg" rightImage="image2.jpg" />; </template>Prop (* required) type default description handleSize number (px) 40 diameter of slider handle (by pixel) hover boolean false Whether to slide at hover leftImage * string null left image's url leftImageAlt string null left image's alt leftLabel string null Left image text label rightImage * string null right image's url rightImageAlt string null right image's alt rightLabel string null Right image text label sliderLineWidth number (px) 2 line width of slider (by pixel) sliderPositionPercentage number (float) 0.5 Starting line position (from 0 to 1)
No description, website, or topics provided.
Resources Stars Watchers ForksYou can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4