About
Slice is a Responsive jQuery Slider and Carousel Plugin, all the pieces you want in a single plugin. Along with basic horizontal sliders and carousels, it gives absolutely purposeful vertical sliders and carousels. Slice gives enourmous quantity of choices and examples of it, that may fullfill some refined duties. All choices could be set instantly in HTML through knowledge attributes in a easy manner. Straightforward extendable and themable, comes with 5 pre-styled themes too select from.
This product consists of CSS, HTML and Javascript, it’s not a WordPress plugin.
Options
- Slider and Carousel
Two in a single product. - Vertical Sliding
Absolutely purposeful vertical slider and carousel. - Slide All the things
Helps photos, textes or HTML content material sliding. - Parallax Impact block
Add scrolling and cursor parallax results to your blocks. - Cowl Block
Make your picture cowl your block properly and managable. - 100+ Choices
Numerous choices to customise your Sliders and Carousels - 6 Pre-Styled Themes
Few themes to select from. - 10+ Prepared-to-Use examples
Sliders examples to repeat to your website. - Slide Content material CSS Animation
Animate you slider content material with CSS3 animation. - Management 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 parts customization. - Banner sliders and fullscreen sliders
High banner and in-content banner sliders with all set of options at your disposal. - Lazy and sensible picture load
Load your slider photos when they’re required. - Autosize Slides
Make slides observe it’s content material measurement. - Adaptive Top
Stick slider top to the present slide. - Heart View
Align present slide to the middle of your carousel. - Stage Padding
Make person see a part of earlier and subsequent slide. - Stage Dimension
Restrict area taken by lively slides. - Slide Facet Ratio
Make slides observe side ration you set. - Present Slide Dimension
Make present slide stand out by makind it smaller or larger than different slides. - Autoplay
Make slider slide automaticaly. - Free Play
Automaticaly transfer throught all slides with set velocity. - Slides Spacing
Set area between slides instantly with no CSS. - Mouse and Contact Draggable
Dragg or swipe slides freely. - Free Draggable
Keep the place you drag. - Slide loop
Infinite sliding and slide dragging. - Rewind
Transfer to oposite aspect on reachin the top. - Responsive
Customise slide choices for any gadget measurement. - Modular
Use solely performance you want. - Knowledge Attributes
All choices could be set instantly in HTML. - Documentation
All choices are documented and described. - Common Free Updates
Extra 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 can embody:
- Documentation – extending choices documentation, changelog file – accomplished
- Livepreview and demo – extending, for now transforming 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 – accomplished
- Slider Themes – few extra themes – accomplished, added Circle theme, Minimalistic theme
- Prepared-to-use sliders and carousels – extra examples – added 5
Additionally, some prepared to make use of sliders and carousels shall be added in subsequent replace, and each replace, to copy-paste to your web site.
Credit
Changelog
26 Could 2021 – Model 1.2.4.a
- Fastened contact dragg stopping web page scrolling on cell gadgets: now horizontal slider solely prevents horizonal web page scrolling, vertical slider – prevents vertical web page scrolling.
5 September 2020 – Model 1.2.4
- Added autoplay begin and rewind delay choices link.
- Added sliding animation and velocity choices, added fade sliding animation link.
- Added 1 ready-to-use slider link.
- Created separate standalone library Slice Core. It incorporates quite a lot of helpfull stuff to make JavaScript plugins growth simpler.
- Web Explorer 11 bug fixes.
- Up to date Bootstrap to the newest model – v4.5.2
7 July 2020 – Model 1.2.3
- Added management keys choices link.
- Added Minimalistic theme link.
- Added 3 ready-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 – Model 1.2.2
- Added cursor parallax impact link.
- Added parallax animation choices link, link.
- Scroll and cursor parallax impact could be mixed link.
- Added 1 ready-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 Could 2020 – Model 1.2.1
- Modified folder construction, to separate property and libs folders
- Added Circle theme link
- Added 1 extra ready-to-use instance link
- Up to date Animate.css to the newest model. Please be sure to observe their migration guide
- Added 5 new slider choices.
- Added play rewind, rewind delay, reverse, resume on inactive choices. Yow will discover examples in all themes, for instance for circle theme link, link, link, link, link, link, link.
- Added drag treeshold sort possibility. Yow will discover examples in all themes, for instance for circle theme link, link, link, link, link, link, link
- Repair un-stick slides adaptive bug.
- Repair autosize slides imposible to tug to final slide bug.
- Repair parallax script bug, that in some instances tousled drawing picture when velocity is ready as vary or auto-speed.
16 Could 2020 – Model 1.2
- Complete code rework. Code optimization and standartization with eslint.
- Added 15 new slider choices.
- Added freeplay mode. Yow will discover examples in all themes, for instance for sq. theme link, link, link, link, link, link, link.
- Added freedrag mode. Yow will 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 on.
- 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 parts, 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 component types even when you see it’s clone
- Because of stage motion reworks, now draggable area will not be restricted to slider component.
- Reworked subsequent/earlier slide. Now, when present slide is partly seen and also 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.
- Complete javascript code commenting.
- Fastened adaptive mode, autoplay, and so on. bugs.
18 March 2020 – Model 1.1.3
- Added parallax plugin, instance web page link
- Fastened adaptive top bug, that made slider have wrond measurement, when picture was loaded after initialization.
5 February 2020 – Model 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 – Model 1.1.1
- Added 7 extra ready-to-use examples link, link, link, link, link, link, link
- Added userInactiveClass and userInactiveDelay to customise slider parts, for now it may be used to cover arrows navigation when person is inactive
- Minor animation and different bug fixes
14 January 2020 – Model 1.1
- Added slide content material CSS animation link (Simple theme)
- Added lazy and sensible slide photos load link (Simple theme)
- Added picture cowl
- Added banner sliders and fullscreen slider link (Simple theme banner slider) and link (Simple theme fullscreen slider)
- Added Slim theme link (Simple theme)
- Added 1 ready-to-use slider link (Simple theme)
25 October 2019 – Model 1.0
- Preliminary launch.
Notes: Pictures used within the livepreview aren’t included within the Downloaded Package deal.
