dewsign / before-after-repeater
A before/after slider repeater block for [Dewsign's Nova Repeater Blocks](https://github.com/dewsign/nova-repeater-blocks) to compare two images.
Installs: 51
Dependents: 0
Suggesters: 0
Security: 0
Stars: 3
Watchers: 5
Forks: 1
Open Issues: 1
Type:boilerplate
Requires
- php: >=7.0.0
- dewsign/nova-repeater-blocks: ^1.1
- laravel/framework: >=5.0.0
- laravel/nova: ^1.1
- silvanite/nova-field-cloudinary: ^1.0
Requires (Dev)
- squizlabs/php_codesniffer: >=3.1
README
A before/after image comparison repeater block for Dewsign's Nova Repeater Blocks.
Installation & Usage
This package requires on two installations, a composer package for the Laravel side of things, and a npm package for the Vue.js component.
composer require dewsign/before-after-repeater
npm i vue-before-after-slider
php artisan migrate
Register the Vue component:
//resources/js/app.js //... import BeforeAfter from 'BeforeAfter' Vue.use(BeforeAfter)
You can change the image sizes in the before-after-repeater.php config file.
To use, add this repeater to a page and set the original and overlay images. If required, you can set a title and a subtitle which will output above the block.