Transition Slider – Responsive jQuery Slider Plugin
Transition Slider is exclusive progressive picture and video slider with seamless transitions and responsive animated layers.
Showcase your photos and movies in your web site throughout all browsers & units with this distinctive and strongest Slider round. Create lovely responsive slideshow, picture slider, video slider, layer slider with animated layers and results Slide, Fade, Zoom, Warp, Crossfade, Flash, Twirl, Roll, Stretch.
Next-Gen Transitions
Bring your web site to new degree with transition results solely seen in skilled movies. Impress guests with authentic animations that can catch their consideration. Transition Slider lets you use video modifying results inside your web site. It contains superior results like movement blur, radial blur, flash, fade and crossfade.
| |
| |
| |
| |
| |
Easy to make use of
Build sliders in minutes and embed them anyplace in your web site. Professionally designed templates make this slider simple to make use of and totally customizable.
Slider Templates
Transition Slider contains slider templates for simple begin. Choose certainly one of prebuilt templates, then exchange photos and edit slide components and your slider is prepared.
Animated Layers
Design your slides simply by including animated Text, Image, Button and Video components, with superior settings for every aspect. Each aspect has In animation, Out animation with customisable length and delay.
Mobile and Tablet Settings
With cellular and pill settings you’ll be able to create totally responsive slider that can look nice on all units. You can 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 can 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 is able to make web site load even sooner.
High Performance
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.
Touch Slider
Transition Slider has draggable slides, which makes superior results much more engaging. You can drag slides with contact or mouse, in each instructions
Date: 31/5/2021
Version: 2.19.0
[FEATURE]
* All layer components have been expanded with one other new possibility referred to as field shadow. While the textual content and heading aspect received one other textual content shadow possibility.
* We have expanded the Lightbox choices in order that now the Button aspect can open any picture or video you need, simply enter the URL.
* New template - Static App Slider
* New template - Cinematic Lightbox Slider
* New template - Real property with Tabs
[IMPROVEMENT]
* A textual content impact referred to as Effect9 (typing impact) enhanced and optimized to assist a number of line textual content.
* Improved transitions the place it's now doable for the present slide to go slower or its brightness to lower.
* We've created a cleanup of some previous choices which are now not wanted: "contentAnimationType".
[BUG]
* Special 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
Version: 2.18.1
[BUG]
* Fixed problem the place slider crashed when checking static components.
------------------------------------------------------------------------
Date: 17/5/2021
Version: 2.18.0
[FEATURE]
* From now on, every aspect has a static possibility with which any aspect can stay seen on any slide (eg you'll be able to add a watermark to your slide or customized navigation ...)
* Through the static components it's doable to rearrange customized navigation and pagination, with which you'll go to the subsequent, earlier or leap to any slide you outline.
* Extended autoplay possibility the place now every slide can have its personal autoplay length.
* The autoplay possibility 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 possibility - visible progress, with this feature you'll be able to show a small round progress bar that exhibits in actual time what's length of present slide.
* From now on, the background slide doesn't should be a picture or a video, however may also be a shade. We have expanded the choice to be able to add two colours and create a gradient shade, there may be additionally the choice of a horizontal or vertical gradient.
* A brand new possibility that enables slides throughout the slider to be displayed in a random order when loading.
* Crossfade - customized alpha map | it's doable so as to add any alpha map for the crossfade impact and thus now we have enabled much more combos to create new transitions.
* From now on you'll be able to add cssClass to any aspect and thus entry every aspect from the slide from the surface. 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. Classes for slide navigation: slide-subsequent, slide-prev. Classes for go to slip: slide-1, slide-2, ...
[BUG]
* For arabic internet web page show mounted the issue with the show of navigation arrows.
* We mounted the preliminary slide possibility which now works in preview if the inital slide parameter modifications.
* The autoplay timer was typically not reset to alter the slide through navigation or pagination.
------------------------------------------------------------------------
Date: 6/4/2021
Version: 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 aspect.
* Fade animation is totally faraway from the layer on the finish of the animation (100% translate)
------------------------------------------------------------------------
Date: 26/2/2021
Version: 2.16.0
[FEATURE]
* Added new slider mode "webgl" or "css". If you don't need superior transitions between slides, now you can use the "css" sort of slider, which is able to work sooner as a result of it does not load the extra scripts wanted for superior transitions.
* Added possibility for picture components, to any extent further you'll be able to put an onClick motion of sort "url" and set the URL you need the picture to open when clicked on it.
[BUG]
* Fixed predefined transitions "blur2" and "blur3"
------------------------------------------------------------------------
Date: 2/2/2021
Version: 2.15.0
[FEATURE]
* A brand new possibility that enables a real responsive and fullscreen slider whatever the width and top of the container of the template during which it's situated. The choices are powerFulldisplay and powerResponsive.
* Added new transition SpinEffect + RadialBlurShader.
* From now on slider choices may also be specifically tuned for cellular, pill and desktop.
* Due to the growth of textual content results, we have been pressured to rearrange the typing impact that you could presently discover beneath Effect 9. You can even discover a further 14 new results which are good for textual content components.
* Video background autoplay can now be turned on and off.
[IMPROVEMENT]
* Fixed 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.
* Text aspect font measurement points, typically to alter the font measurement, the font will not be effectively displayed on the slider.
* Sometimes the button on the final layer took over the press occasions on all of the earlier buttons.
------------------------------------------------------------------------
Date: 25/11/2020
Version: 2.14.0
[FEATURE]
* Very massive change for the weather on the layer, we made a very totally different and quick implementation that can quickly deliver one thing very massive!
* Added new aspect "heading" with default tag h2
* Added possibility "Reset video on slide change" - resetVideos
* Thumbnails property added in all templates
* Added lightbox and thumbnails templates for instance
* Added 6 new easy templates
[IMPROVEMENT]
* Huge transition enhancements, to any extent further all transitions have increased FPS with higher blur
* Improved small bugs in some templates
* Some templates have improved transitions
[BUG]
* Fixed that a number of sliders on one web page can work with thumbnails included
[DOCUMENTATION]
* Video tutorial - How to make use of General Slider choices
------------------------------------------------------------------------
Date: 4/11/2020
Version: 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") | Image (".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
Version: 2.12.1
[BUG]
* Multiple sliders render repair
------------------------------------------------------------------------
Date: 20/10/2020
Version: 2.12.0
[FEATURE]
* NEW ELEMENT: added a brand new iFrame aspect has come to city!
* Added extra choices for slider thumbnails
[IMPROVEMENT]
* More exact relative / absolute positions for components
* Accelerated slider loading
* Faster blur impact and stuck efficiency of many transitions
------------------------------------------------------------------------
Date: 28/9/2020
Version: 2.11.0
[FEATURE]
* Thumbnails are added: Ability to activate thumbnails in all positions (up, down, left, proper)
* 10 new "Line" transitions
* Added new Premium Template - Travel Adventure
* Added new Premium Template - Photograph
* Added new Premium Template - Business Corporate
* Added new Premium Template - Agency theme
* Added new Premium Template - Spa
* Added new Premium Template - Clothing Collection Shop
[IMPROVEMENT]
* Refactoring template settings, transferring empty choices
[BUG]
* Fixed a problem with the ceaseOnFinalSlide possibility 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
Version: 2.10.0
[FEATURE]
* Added new choice to Video settings: Start video muted, now could be doable to begin video muted or unmuted (beginVideoMuted [boolean])
------------------------------------------------------------------------
Date: 31/8/2020
Version: 2.9.0
[FEATURE]
* Added new Premium Template - Gym
* Added new Premium Template - Car 2
------------------------------------------------------------------------
Date: 23/7/2020
Version: 2.8.0
[FEATURE]
* Added new Premium Template - Fashion
* Added on click on lightbox characteristic for picture and video components on slide
* Corssfade impact with new instructions
[IMPROVEMENT]
* All preloader kinds are within the heart
* All templates at the moment are with cleaner JSON config
* Reduced measurement of templates property however with similar high quality
------------------------------------------------------------------------
Date: 16/7/2020
Version: 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
Version: 2.6.3
[FEATURE]
* Added new Premium Templates
[IMPROVEMENT]
* Layer fixes and enhancements
------------------------------------------------------------------------
Date: 24/6/2020
Version: 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
Version: 2.5.0
[FEATURE]
* Added cellular and pill choices for components
* Added new Premium Templates
[IMPROVEMENT]
* Transitions efficiency enchancment
* Content mode repair
* Slider goal URL repair
* Font loading enhancements
------------------------------------------------------------------------
Date: 26/3/2020
Version: 2.3.0
[FEATURE]
* Typing animation for textual content components
* Parallax choices for layer
* HTML tag for textual content aspect
* New components added: row and column
* Added selector for inverting colours (good for conditions the place slider is beneath web site menu)
[IMPROVEMENT]
* Now is feasible to alter shade of navigation
------------------------------------------------------------------------
Date: 16/12/2019
Version: 2.2.0
[FEATURE]
* Added slider background overlay shade
* Content mode for layers
* Parallax for layer components and background picture or video
* Block layer aspect - now could be doable to group components into block aspect and transfer round, add properties...
* Video layer aspect
* 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 / Tablet / Mobile 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
Version: 2.1.1
[BUG]
* Fixed lib paths for templates
------------------------------------------------------------------------
Date: 07/11/2019
Version: 2.1.0
[FEATURE]
* Added new Crossfade impact
------------------------------------------------------------------------
Date: 30/10/2019
Version: 2.0.3
[BUGS]
* Fixed visible problem with Brightness Effect
------------------------------------------------------------------------
Date: 29/10/2019
Version: 2.0.2
[FEATURE]
* TEMPLATES are included!
[BUGS]
* Fixed visible problem with video slide buttons
------------------------------------------------------------------------
Date: 24/10/2019
Version: 2.0.1
[IMPROVEMENT]
* Reduced jQuery plugin measurement
* Improved loading time
* Removed utilization of webfonts
------------------------------------------------------------------------
Date: 21/10/2019
Version: 2.0.0
[FEATURES]
* Slide settings: new characteristic added "Full slide hyperlink"
* Each aspect is prolonged with many new settings and hover parameters
* Layer measurement possibility for cellular and pill
* NEW responsive characteristic: Responsive ratio for all units: desktop, pill, and cellular
* Define breakpoint width for units (Tablet display width and cellular display width)
* Loading with change textual content and background shade characteristic
* Transition progress between slides on contact transfer/drag
* Navigation full customizable (change background shade, measurement, radius...)
* Pagination full customizable (change background shade, measurement, radius...)
[BUGS]
* Fixed many points with layers, components positioning, loading...
* smoother transitions
------------------------------------------------------------------------
Date: 10/5/2019
Version: 1.2.0
[FEATURES]
* slide layers - click on on aspect inside layer editor will present components settings
* now could be doable to duplicate slide inside slider settings
* improved high quality of photos and movies for cellular units
[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
Version: 1.1.0
[FEATURES]
* slide layers - Add button, add textual content and add picture
* hash navigation
* responsive ratio
* responsive top
------------------------------------------------------------------------
