Slice - Responsive JQuery Slider, Carousel And Parallax Plugin

Slice – Responsive jQuery Slider, Carousel and Parallax Plugin

About

Slice is a Responsive jQuery Slider and Carousel Plugin, every part you want in a single plugin. In addition to basic horizontal sliders and carousels, it offers totally practical vertical sliders and carousels. Slice offers enourmous quantity of choices and examples of it, that may fullfill some refined duties. All choices may be set straight in HTML through knowledge attributes in a easy manner. Easy extendable and themable, comes with 5 pre-styled themes too select from.

This product contains CSS, HTML and Javascript, it’s not a WordPress plugin.

Features

Slider and Carousel
Two in a single product.
Vertical Sliding
Fully practical vertical slider and carousel.
Slide Everything
Supports photos, textes or HTML content material sliding.
Parallax Effect block
Add scrolling and cursor parallax results to your blocks.
Cover Block
Make your picture cowl your block properly and managable.
100+ Options
A whole lot of choices to customise your Sliders and Carousels
6 Pre-Styled Themes
Few themes to select from.
10+ Ready-to-Use examples
Sliders examples to repeat to your web site.
Slide Content CSS Animation
Animate you slider content material with CSS3 animation.
Control keys
Manipulate slider with keybord keys.
Themable
Create personal themes or fast to make use of sliders and carousels collections.
Slider Layers
Layer system to simplify slider and it’s components customization.
Banner sliders and fullscreen sliders
Top banner and in-content material banner sliders with all set of options at your disposal.
Lazy and good picture load
Load your slider photos when they’re required.
Autosize Slides
Make slides observe it’s content material dimension.
Adaptive Height
Stick slider top to the present slide.
Center View
Align present slide to the middle of your carousel.
Stage Padding
Make person see a part of earlier and subsequent slide.
Stage Size
Limit house taken by lively slides.
Slide Aspect Ratio
Make slides observe side ration you set.
Current Slide Size
Make present slide stand out by makind it smaller or greater than different slides.
Autoplay
Make slider slide automaticaly.
Free Play
Automaticaly transfer throught all slides with set velocity.
Slides Spacing
Set house between slides straight with no CSS.
Mouse and Touch Draggable
Dragg or swipe slides freely.
Free Draggable
Stay the place you drag.
Slide loop
Infinite sliding and slide dragging.
Rewind
Move to oposite aspect on reachin the top.
Responsive
Customize slide choices for any machine dimension.
Modular
Use solely performance you want.
Data Attributes
All choices may be set straight in HTML.
Documentation
All choices are documented and described.
Regular Free Updates
More options, choices and themes in future updates.

Future Plans

Second huge replace is out – Slice v1.2!
There shall be a serie of mini updates that may embody:

Documentation – extending choices documentation, changelog file – executed
Livepreview and demo – extending, for now remodeling it’s put to a different main model
Drag and freeDrag – extending with extra performance
Autoplay and liveplay – extending with extra performance
Parallax impact – extending with extra performance – added cursor parallax impact
Animate.css – replace to new model of it – executed
Slider Themes – few extra themes – executed, added Circle theme, Minimalistic theme
Ready-to-use sliders and carousels – extra examples – added 5

Also, some prepared to make use of sliders and carousels shall be added in subsequent replace, and each replace, to repeat-paste to your web site.

Credits

Changelog

26 May 2021 – Version 1.2.4.a

Fixed contact dragg stopping web page scrolling on cellular gadgets: now horizontal slider solely prevents horizonal web page scrolling, vertical slider – prevents vertical web page scrolling.

5 September 2020 – Version 1.2.4

Added autoplay begin and rewind delay choices link.
Added sliding animation and velocity choices, added fade sliding animation link.
Added 1 prepared-to-use slider link.
Created separate standalone library Slice Core. It incorporates loads of helpfull stuff to make JavaScript plugins growth simpler.
Internet Explorer 11 bug fixes.
Updated Bootstrap to the most recent model – v4.5.2

7 July 2020 – Version 1.2.3

Added management keys choices link.
Added Minimalistic theme link.
Added 3 prepared-to-use sliders link, link, link.
Added slice-slider-inline model to take away additional spacing link.
Small bug fixes for vertical mode.
Small bug fixes for canopy plugin.

18 June 2020 – Version 1.2.2

Added cursor parallax impact link.
Added parallax animation choices link, link.
Scroll and cursor parallax impact may be mixed link.
Added 1 prepared-to-use slider link.
Added code examples copy/paste buttons to the documentation.
Added changelog file to the documentation folder.
Small bug fixes for adaptive mode.

27 May 2020 – Version 1.2.1

Changed folder construction, to separate property and libs folders
Added Circle theme link
Added 1 extra prepared-to-use instance link
Updated Animate.css to the most recent model. Please be sure that to observe their migration guide
Added 5 new slider choices.
Added play rewind, rewind delay, reverse, resume on inactive choices. You can discover examples in all themes, for instance for circle theme link, link, link, link, link, link, link.
Added drag treeshold sort choice. You can discover examples in all themes, for instance for circle theme link, link, link, link, link, link, link
Fix un-stick slides adaptive bug.
Fix autosize slides imposible to tug to final slide bug.
Fix parallax script bug, that in some instances tousled drawing picture when velocity is about as vary or auto-velocity.

16 May 2020 – Version 1.2

Total code rework. Code optimization and standartization with eslint.
Added 15 new slider choices.
Added freeplay mode. You can discover examples in all themes, for instance for sq. theme link, link, link, link, link, link, link.
Added freedrag mode. You can discover examples in all themes, for instance for sq. theme link, link, link, link, link, link, link
Reworked slider velocity calculations.
Added slider velocity varieties: slider, sliderfixed, viewport, uniform, static, and so forth.
Reworked how stage motion works:
- now it’s attainable to use present slide proggress, for instance with playLive and liveDrag choices
- adaptive top mode works if you transfer stage, i.e. if you drag it with mouse
- loop mode will recalculate place each time you attain cloned components, i.e. you possibly can drag with mouse throught the identical slide few occasions, to say extra infinitely
- in loop mode it’s going to attempt to apply present factor kinds even in case you see it’s clone
Due to stage motion reworks, now draggable house isn’t restricted to slider factor.
Reworked subsequent/earlier slide. Now, when present slide is partly seen and you click on on subsequent slide arrow slider will transfer to it and to not subsequent slide, identical goes with earlier arrow however, vice versa.
Total javascript code commenting.
Fixed adaptive mode, autoplay, and so forth. bugs.

18 March 2020 – Version 1.1.3

Added parallax plugin, instance web page link
Fixed adaptive top bug, that made slider have wrond dimension, when picture was loaded after initialization.

5 February 2020 – Version 1.1.2

Added overflow space choices to cowl plugin
Added cowl plugin instance web page link
Now slice will maintain slider and carousel autoplay on inactive browser tab/window

30 January 2020 – Version 1.1.1

Added 7 extra prepared-to-use examples link, link, link, link, link, link, link
Added personInactiveClass and personInactiveDelay to customise slider components, for now it may be used to cover arrows navigation when person is inactive
Minor animation and different bug fixes

14 January 2020 – Version 1.1