Transition Slider is exclusive revolutionary picture and video slider with seamless transitions and responsive animated layers.
Showcase your photographs and movies in your web site throughout all browsers & gadgets with this distinctive and strongest Slider round. Create stunning responsive slideshow, picture slider, video slider, layer slider with animated layers and results Slide, Fade, Zoom, Warp, Crossfade, Flash, Twirl, Roll, Stretch.
Subsequent-Gen Transitions
Deliver your web site to new stage with transition results solely seen in skilled movies. Impress guests with unique animations that may catch their consideration. Transition Slider lets you use video modifying results inside your web site. It consists of superior results like movement blur, radial blur, flash, fade and crossfade.
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Straightforward to make use of
Construct sliders in minutes and embed them anyplace in your web site. Professionally designed templates make this slider straightforward to make use of and absolutely customizable.
Slider Templates
Transition Slider consists of slider templates for straightforward begin. Select one in all prebuilt templates, then exchange photographs and edit slide components and your slider is prepared.
Animated Layers
Design your slides simply by including animated Textual content, Picture, Button and Video components, with superior settings for every factor. Every factor has In animation, Out animation with customisable length and delay.
Cellular and Pill Settings
With cellular and pill settings you’ll be able to create absolutely responsive slider that may look nice on all gadgets. You may have totally different slider measurement (portrait on cellular, panorama on desktop and pill) and alter any setting for layer components (font measurement, place, spacing)
NEW (2.11) – Line Transitions
Transition between slides utilizing a line that reveals subsequent slide.
Draggable Slides
Transition Slider has draggable slides, which makes superior WebGL results much more engaging. You may drag slides with contact or mouse, in each instructions.
Lazy Loading
Slider begins to load when it turns into seen on display, so you’ll be able to have a number of sliders on the identical oage with quick web page loading time. You ca even have slider decrease on the web page, which can make web site load even sooner.
Excessive Efficiency
Slider is rendering solely when it’s seen in viewport, so you’ll be able to have a number of full width sliders on the web page with out drawback. This lets you create wealthy web site with animations, movies and pictures with excessive efficiency.
Contact Slider
Transition Slider has draggable slides, which makes superior results much more engaging. You may drag slides with contact or mouse, in each instructions
Date: 31/5/2021
Model: 2.19.0
[FEATURE]
* All layer components have been expanded with one other new choice referred to as field shadow. Whereas the textual content and heading factor obtained one other textual content shadow choice.
* We've got expanded the Lightbox choices in order that now the Button factor can open any picture or video you need, simply enter the URL.
* New template - Static App Slider
* New template - Cinematic Lightbox Slider
* New template - Actual property with Tabs
[IMPROVEMENT]
* A textual content impact referred to as Effect9 (typing impact) enhanced and optimized to help a number of line textual content.
* Improved transitions the place it's now attainable for the present slide to go slower or its brightness to lower.
* We have created a cleanup of some previous choices which might be now not wanted: "contentAnimationType".
[BUG]
* Particular textual content results optimized and eliminated bugs that appeared when there have been a number of textual content components with the identical textual content impact on the slider.
------------------------------------------------------------------------
Date: 17/5/2021
Model: 2.18.1
[BUG]
* Mounted problem the place slider crashed when checking static components.
------------------------------------------------------------------------
Date: 17/5/2021
Model: 2.18.0
[FEATURE]
* Any longer, every factor has a static choice with which any factor can stay seen on any slide (eg you'll be able to add a watermark to your slide or customized navigation ...)
* By means of the static components it's attainable to rearrange customized navigation and pagination, with which you'll be able to go to the following, earlier or leap to any slide you outline.
* Prolonged autoplay choice the place now every slide can have its personal autoplay length.
* The autoplay choice now has a "Pause on hover" extension, when the consumer strikes the mouse over the slider the present slide shall be paused.
* Autoplay additionally has a further choice - visible progress, with this selection you'll be able to show a small round progress bar that exhibits in actual time what's length of present slide.
* Any longer, the background slide doesn't must be a picture or a video, however can be a coloration. We've got expanded the choice so that you could add two colours and create a gradient coloration, there may be additionally the choice of a horizontal or vertical gradient.
* A brand new choice that permits slides inside the slider to be displayed in a random order when loading.
* Crossfade - customized alpha map | it's attainable so as to add any alpha map for the crossfade impact and thus now we have enabled much more mixtures to create new transitions.
* Any longer you'll be able to add cssClass to any factor and thus entry every factor from the slide from the skin. Add your customized CSS class WITHOUT the dot, e.g: my-class. Add a number of lessons separated with area, e.g: my-class my-class-2. Courses for slide navigation: slide-next, slide-prev. Courses for go to slip: slide-1, slide-2, ...
[BUG]
* For arabic net web page show mounted the issue with the show of navigation arrows.
* We mounted the preliminary slide choice which now works in preview if the inital slide parameter adjustments.
* The autoplay timer was typically not reset to alter the slide by way of navigation or pagination.
------------------------------------------------------------------------
Date: 6/4/2021
Model: 2.17.1
[BUG]
* Effect9 or typing impact helps a number of phrases once more (writing and deleting).
* Effect4 corrected textual content place when used on a textual content block factor.
* Fade animation is totally faraway from the layer on the finish of the animation (100% translate)
------------------------------------------------------------------------
Date: 26/2/2021
Model: 2.16.0
[FEATURE]
* Added new slider mode "webgl" or "css". If you do not need superior transitions between slides, now you can use the "css" kind of slider, which can work sooner as a result of it would not load the extra scripts wanted for superior transitions.
* Added choice for picture components, any further you'll be able to put an onClick motion of kind "url" and set the URL you need the picture to open when clicked on it.
[BUG]
* Mounted predefined transitions "blur2" and "blur3"
------------------------------------------------------------------------
Date: 2/2/2021
Model: 2.15.0
[FEATURE]
* A brand new choice that permits a real responsive and fullscreen slider whatever the width and peak of the container of the template during which it's positioned. The choices are forceFullscreen and forceResponsive.
* Added new transition SpinEffect + RadialBlurShader.
* Any longer slider choices can be specifically tuned for cellular, pill and desktop.
* As a result of growth of textual content results, we had been pressured to rearrange the typing impact that you may presently discover underneath Impact 9. You may as well discover a further 14 new results which might be good for textual content components.
* Video background autoplay can now be turned on and off.
[IMPROVEMENT]
* Mounted and adjusted templates to look good on cellular and pill.
* You now not want to fret about which protocol the slider assemblies are on (http / https) and which protocol the slider is displayed on, CORS coverage is mounted on this model.
[BUG]
* The "examples" folder has no extra errors.
* Textual content factor font measurement points, typically to alter the font measurement, the font shouldn't be properly displayed on the slider.
* Generally the button on the final layer took over the clicking occasions on all of the earlier buttons.
------------------------------------------------------------------------
Date: 25/11/2020
Model: 2.14.0
[FEATURE]
* Very large change for the weather on the layer, we made a totally totally different and quick implementation that may quickly carry one thing very large!
* Added new factor "heading" with default tag h2
* Added choice "Reset video on slide change" - resetVideos
* Thumbnails belongings added in all templates
* Added lightbox and thumbnails templates for example
* Added 6 new easy templates
[IMPROVEMENT]
* Large transition enhancements, any further all transitions have greater FPS with higher blur
* Improved small bugs in some templates
* Some templates have improved transitions
[BUG]
* Mounted that a number of sliders on one web page can work with thumbnails included
[DOCUMENTATION]
* Video tutorial - The way to use Basic Slider choices
------------------------------------------------------------------------
Date: 4/11/2020
Model: 2.13.0
[FEATURE]
* NEW SLIDER MODE: On click on open slider in lightbox
* NEW IMAGE AND VIDEO FILE SUPPORT: Video (".mp4", ".m4a", ".m4p", ".m4b", ".m4r", ".m4v", ".webm", ".ogg") | Picture (".jpg", ".jpeg", ".png", ".bmp", ".webp")
[IMPROVEMENT]
* Shaders and rendering improved and sooner
[BUG]
* Rendering transitions on tab change
* Resize texture measurement repair
------------------------------------------------------------------------
Date: 21/10/2020
Model: 2.12.1
[BUG]
* A number of sliders render repair
------------------------------------------------------------------------
Date: 20/10/2020
Model: 2.12.0
[FEATURE]
* NEW ELEMENT: added a brand new iFrame factor has come to city!
* Added extra choices for slider thumbnails
[IMPROVEMENT]
* Extra exact relative / absolute positions for components
* Accelerated slider loading
* Sooner blur impact and stuck efficiency of many transitions
------------------------------------------------------------------------
Date: 28/9/2020
Model: 2.11.0
[FEATURE]
* Thumbnails are added: Capacity to activate thumbnails in all positions (up, down, left, proper)
* 10 new "Line" transitions
* Added new Premium Template - Journey Journey
* Added new Premium Template - {Photograph}
* Added new Premium Template - Enterprise Company
* Added new Premium Template - Company theme
* Added new Premium Template - Spa
* Added new Premium Template - Clothes Assortment Store
[IMPROVEMENT]
* Refactoring template settings, transferring empty choices
[BUG]
* Mounted a problem with the stopOnLastSlide choice when the primary slide was tried to maneuver to the left the picture was lacking
* The trackpad scroll skipped 2 slides
------------------------------------------------------------------------
Date: 4/9/2020
Model: 2.10.0
[FEATURE]
* Added new choice to Video settings: Begin video muted, now could be attainable to start out video muted or unmuted (startVideoMuted [boolean])
------------------------------------------------------------------------
Date: 31/8/2020
Model: 2.9.0
[FEATURE]
* Added new Premium Template - Gymnasium
* Added new Premium Template - Automobile 2
------------------------------------------------------------------------
Date: 23/7/2020
Model: 2.8.0
[FEATURE]
* Added new Premium Template - Trend
* Added on click on lightbox function for picture and video components on slide
* Corssfade impact with new instructions
[IMPROVEMENT]
* All preloader kinds are within the middle
* All templates at the moment are with cleaner JSON config
* Decreased measurement of templates belongings however with identical high quality
------------------------------------------------------------------------
Date: 16/7/2020
Model: 2.7.0
[FEATURE]
* Added new Premium Template - Sport information
* Added letter spacing property
[IMPROVEMENT]
* Reload slider exterior name is improved
------------------------------------------------------------------------
Date: 2/7/2020
Model: 2.6.3
[FEATURE]
* Added new Premium Templates
[IMPROVEMENT]
* Layer fixes and enhancements
------------------------------------------------------------------------
Date: 24/6/2020
Model: 2.6.2
[FEATURE]
* Mouse wheel slider navigation
* Added new Premium Templates
* New preloader kinds
[IMPROVEMENT]
* PNG slide transparency repair
* Improved previous Premium Templates with new options
* Layer fixes and enhancements
------------------------------------------------------------------------
Date: 28/4/2020
Model: 2.5.0
[FEATURE]
* Added cellular and pill choices for components
* Added new Premium Templates
[IMPROVEMENT]
* Transitions efficiency enchancment
* Content material mode repair
* Slider goal URL repair
* Font loading enhancements
------------------------------------------------------------------------
Date: 26/3/2020
Model: 2.3.0
[FEATURE]
* Typing animation for textual content components
* Parallax choices for layer
* HTML tag for textual content factor
* New components added: row and column
* Added selector for inverting colours (good for conditions the place slider is underneath web site menu)
[IMPROVEMENT]
* Now's attainable to alter coloration of navigation
------------------------------------------------------------------------
Date: 16/12/2019
Model: 2.2.0
[FEATURE]
* Added slider background overlay coloration
* Content material mode for layers
* Parallax for layer components and background picture or video
* Block layer factor - now could be attainable to group components into block factor and transfer round, add properties...
* Video layer factor
* Progress animation for layer - fade, translate...
* Lazy loading for a number of sliders on web page. Slider is loading and rendering provided that seen on web site.
* Added Desktop / Pill / Cellular view inside slide editor
[IMPROVEMENT]
* Transitions enchancment - blur place & high quality, transition length, change slide on drag
* Layer measurement will be "px" or "%"
* Moved layer measurement choices from slide to slider
* Layer editor enhancements
[BUG]
* Autoplay timer is correctly resetting on slider change
------------------------------------------------------------------------
Date: 11/11/2019
Model: 2.1.1
[BUG]
* Mounted lib paths for templates
------------------------------------------------------------------------
Date: 07/11/2019
Model: 2.1.0
[FEATURE]
* Added new Crossfade impact
------------------------------------------------------------------------
Date: 30/10/2019
Model: 2.0.3
[BUGS]
* Mounted visible problem with Brightness Impact
------------------------------------------------------------------------
Date: 29/10/2019
Model: 2.0.2
[FEATURE]
* TEMPLATES are included!
[BUGS]
* Mounted visible problem with video slide buttons
------------------------------------------------------------------------
Date: 24/10/2019
Model: 2.0.1
[IMPROVEMENT]
* Decreased jQuery plugin measurement
* Improved loading time
* Eliminated utilization of webfonts
------------------------------------------------------------------------
Date: 21/10/2019
Model: 2.0.0
[FEATURES]
* Slide settings: new function added "Full slide hyperlink"
* Every factor is prolonged with many new settings and hover parameters
* Layer measurement choice for cellular and pill
* NEW responsive function: Responsive ratio for all gadgets: desktop, pill, and cellular
* Outline breakpoint width for gadgets (Pill display width and cellular display width)
* Loading with change textual content and background coloration function
* Transition progress between slides on contact transfer/drag
* Navigation full customizable (change background coloration, measurement, radius...)
* Pagination full customizable (change background coloration, measurement, radius...)
[BUGS]
* Mounted many points with layers, components positioning, loading...
* smoother transitions
------------------------------------------------------------------------
Date: 10/5/2019
Model: 1.2.0
[FEATURES]
* slide layers - click on on factor inside layer editor will present components settings
* now could be attainable to duplicate slide inside slider settings
* improved high quality of photographs and movies for cellular gadgets
[BUGS]
* mounted problem with THREE.js and swiper.js conflicts and overwrite state with different plugins
* mounted slider caught problem if ratio responsive is used
* mounted problem with delete, preview and reordering slides
* slider shadow is again once more
------------------------------------------------------------------------
Date: 4/5/2019
Model: 1.1.0
[FEATURES]
* slide layers - Add button, add textual content and add picture
* hash navigation
* responsive ratio
* responsive peak
------------------------------------------------------------------------
