Slide your photos, images, cards or whatever you want easier with this library.
This library has no dependencies. You only have to include a JS file. This library is JS-centric, 'cause it is built with webpack. So the CSS applied to the elements, is added via the bundled JS and just in order to make the right positioning of the sliding elements. No other rules will be applied (backgrounds, colors, shadows etc...). Of course, you can add custom css to inside sliding elements, don't worry.
Install Yajs with your favourite package manager:
$ yarn add @stefano-rainieri/yajs
$ npm install @stefano-rainieri/yajs --save
Include Yajs into your project:
Add Yajs markup to auto-configure the slider carousel for your element:
<your first element in the slideryour second element in the slideryour third element in the slider...your nth element in the slider>
That's all. Enjoy!
Try some Yajs examples simply opening
Run Yajs test:
$ yarn test
Work in progress
- configure autoplay (now it's fixed on and scroll every 5s)
- configure autoplay delay (now no delay is applied)
- dynamically add style on construction
Yajs is licensed under the MIT License - see the LICENSE file for details.
Free Software, Hell Yeah!