TRY – Download Free Demo
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 stage with transition results solely seen in skilled movies. Impress guests with unique animations that can catch their consideration. Transition Slider allows you to use video enhancing results inside your web site. It consists of 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. Visual slide editor and professionally designed templates make this slider simple to make use of and absolutely customizable.
Slider Templates
Transition Slider consists of slider templates for simple begin. Choose certainly one of prebuilt templates, then change photos and edit slide parts and your slider is prepared.
Animated Layers
Completely new Layer editor offers you skill to design your slides simply by including animated Text, Image, Button and Video parts, with superior settings for every factor. Each factor has In animation, Out animation with customisable length and delay.
Mobile and Tablet Settings
With cell and pill settings you possibly can create absolutely responsive slider that can look nice on all units. You can have totally different slider measurement (portrait on cell, panorama on desktop and pill) and alter any setting for layer parts (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 enticing. You can drag slides with contact or mouse, in each instructions.
Lazy Loading
Slider begins to load when it turns into seen on display screen, so you possibly can 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 website load even sooner.
High Performance
Slider is rendering solely when it’s seen in viewport, so you possibly can have a number of full width sliders on the web page with out drawback. This allows you to 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 enticing. You can drag slides with contact or mouse, in each instructions
TRY – Download Free Demo
UPDATING THE PLUGIN
1. uninstall the present model of the plugin
2. set up the brand new model of the plugin
------------------------------------------------------------------------
Date: 16/6/2021
Version: 2.20.1
[BUG]
* Fixed an issue with the CORS coverage browser the place the slider didn't load photos if the belongings have been in a location with out www. and the area incorporates www.
------------------------------------------------------------------------
Date: 14/6/2021
Version: 2.20.0
!!! Great information for all our expensive clients. For the following model we announce that Transition Slider 3 is coming !!!
[FEATURE]
* A brand new TEMPLATE "Cinematic Slider" has been added to the template gallery.
* We've added assist for icons contained in the button.
[IMPROVEMENT]
* We added desktop / pill / cell icons to the slider preview.
* To make your navigation simpler, a brand new Getting Started video with voiceover has been added to our slider plugin.
* Optimized script loading.
* Fixed one other concern with CORS coverage (area with www. And belongings with out www.).
[BUG]
* Layer editor fixes: A static factor with an absolute place is now operating a click on occasion.
* Layer editor fixes: Dragging absolute parts now works with out issue.
* Layer editor fixes: Fixed a state of affairs the place a static factor was not displayed on a slider the place there have been no static parts.
* Layer editor fixes: Fixed copy / paste parts from one slide to a different.
------------------------------------------------------------------------
Date: 31/5/2021
Version: 2.19.0
[FEATURE]
* All layer parts have been expanded with one other new possibility referred to as field shadow. While the textual content and heading factor acquired one other textual content shadow possibility.
* Added Welcome display screen contained in the plugin, in which you'll be able to watch a brief Getting Started video.
* We have 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 - 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.
* After importing the template, the slider thumbnails weren't a show of native belongings, now the asset src thumbnails are the native path.
* Improved transitions the place it's now attainable for the present slide to go slower or its brightness to lower.
* Tests of the velocity of loading the slider have been made, and contemplating the outcomes, a plan was made for the long run progress of even higher acceleration of the slider.
* We've added buttons to the Go Pro in a number of extra locations to make it simpler to entry the small print that our PRO model brings.
* We've created a cleanup of some previous choices which are now not wanted: "contentAnimationType".
* Once the iFrame factor is added to the scene, the world that the iFrame occupies is now seen even earlier than you insert the src of your iFrame.
[BUG]
* (Dashboard) Fixed a bug the place typically a number of slider previews by way of the thumbnail preview button didn't work correctly.
* Special textual content results optimized and eliminated bugs that appeared when there have been a number of textual content parts with the identical textual content impact on the slider.
------------------------------------------------------------------------
Date: 17/5/2021
Version: 2.18.0
[FEATURE]
* From now on, every factor has a static possibility with which any factor can stay seen on any slide (eg you possibly can add a watermark to your slide or customized navigation ...)
* Through the static parts it's attainable to rearrange customized navigation and pagination, with which you'll be able to go to the following, earlier or soar 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 an extra possibility - visible progress, with this selection you possibly can 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 will also be a colour. We have expanded the choice in an effort to add two colours and create a gradient colour, there's additionally the choice of a horizontal or vertical gradient.
* A brand new possibility that enables 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 we have now enabled much more mixtures to create new transitions.
* From now on you possibly can add cssClass to any factor and thus entry every factor 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-next, slide-prev. Classes for go to slip: slide-1, slide-2, ...
[IMPROVEMENT]
* We have added an possibility with which you'll be able to shortly load a slider in your web page.
* The title of the transitions is now seen under every video.
* Preview video transitions at the moment are performed solely on the hover over the transition, to make it simpler to identify the chosen transition.
* jQuery up to date documentation that may be discovered at https://transition-slider.gitbook.io/wordpress/
[BUG]
* For arabic web web page show fastened the issue with the show of navigation arrows.
* Fixed a state of affairs the place typically slides couldn't be edited.
* The video preview of the transition is now taking part in when the slide is modified.
* We fastened the preliminary slide possibility which now works in preview if the inital slide parameter modifications.
* The autoplay timer was typically not reset to vary the slide by way of navigation or pagination.
* Fixed a state of affairs the place the editor stopped working when altering the font colour.
------------------------------------------------------------------------
Date: 6/4/2021
Version: 2.17.1
[IMPROVEMENT]
* If the slider title is longer, then within the layer editor it overlaps over the machine icon.
[BUG]
* Fixed Copy / paste colours from one factor to a different factor.
* Fixed conditions with copy / paste a number of parts on a layer.
* Fixed button templates, now could be attainable to take away and alter the border measurement.
* Fixed the state of affairs when the preview is opened whereas the layer editor is open, and when the ahead / backward slides are modified with the arrows, now solely the slides within the preview are modified, whereas within the layer editor the slides will not be modified.
* Right-clicking on the layer editor doesn't by accident transfer completely positioned parts.
* Copy / paste is once more attainable by right-clicking and choosing from the layer menu.
* 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
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 can work sooner as a result of it does not load the extra scripts wanted for superior transitions.
* Added possibility for picture parts, to any extent further you possibly can put an onClick motion of sort "url" and set the URL you need the picture to open when clicked on it.
* Size choices now assist separate settings for pill, cell and desktop
[BUG]
* Fixed Transition selector that in some circumstances didn't change to the chosen transition.
* Fixed concern the place typically the background slide couldn't be uploaded until the consumer had small picture technology enabled (Settings -> Media -> Media Settings). It is now attainable to add no matter this selection.
* Fixed predefined transitions "blur2" and "blur3"
------------------------------------------------------------------------
Date: 10/2/2021
Version: 2.15.1
[BUG]
* Fixed concern for customers who had Media technology turned off (Settings -> Media) the plugin crashed when altering the background picture of the slider.
------------------------------------------------------------------------
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 peak of the container of the template through which it's situated. The choices are pressureFulldisplay screen and pressureResponsive.
* Added new transition SpinEffect + RadialBlurShader.
* From now on slider choices will also be specifically tuned for cell, pill and desktop.
* We added machine buttons (cell, pill and desktop) to Preview Slider.
* Due to the enlargement of textual content results, we have been compelled to rearrange the typing impact which you can at present discover beneath Effect 9. You can even discover an extra 14 new results which are good for textual content parts.
* Start and End animations, Transition animation selectors at the moment are visible with dwell examples.
* Video background autoplay can now be turned on and off.
[IMPROVEMENT]
* Font menu in Layer Editor improved, to any extent further you possibly can visually see what the font you need to select seems like.
* Fixed and adjusted templates to look good on cell and pill.
* From now on, Custom CSS choices are additionally modified dwell inside the Layer Editor.
* 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 fastened on this model.
[BUG]
* We fastened the Duplicate button within the Layer Editor within the menu when the consumer right-clicks the mouse.
* Text factor font measurement points, typically to vary the font measurement, the font shouldn't be properly displayed on the slider.
* Text factor margin concern whereas utilizing exterior WP themes like Astra.
* Firefox concern couldn't delete already entered values.
* Layer editor - The heading factor had extra margins for bigger font sizes.
* Elements that had an absolute place couldn't transfer the place with arrows or drag.
* In the Layer editor, the left menu typically had fallacious classes displayed for sure gadgets.
* 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 convey one thing very massive!
* We've visually modified the Dashboard to have much more visibility and area to create your sliders
* Slide settings and All parts are switched to heading within the left menu contained in the Layer editor. To be all the time simply accessible
* We modified the Text factor to Text Editor the place you now have a small editor the place you possibly can add numerous textual content types
* Added new factor "heading" with default tag h2
* In the layer Editor beneath the Transition class, we added a small query mark for every possibility on hover you get an evidence of what that possibility does and what its vary is
* Added possibility "Reset video on slide change" - resetVideos
* Thumbnails belongings 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
* Moving the button within the Layer editor now works easily
* The iFrame could be moved usually by the Layer editor like different parts
* Position of save message inside Dashboard is fastened
* Change on international variables to keep away from collision with different international variables of different plugins
* Significant acceleration at quick factor choice modifications in Layer editors
[BUG]
* Fixed that a number of sliders on one web page can work with thumbnails included
* Fixed a state of affairs the place the chosen factor was contained in the Layer editor and when some enter was clicked and the arrows on the keyboard have been clicked the chosen factor was transferring
* In absolute factor motion, the place parts x and y have been giant decimal numbers
* Fixed enter fields for Safari
* Fixed copying shortcodes on some browsers
[DOCUMENTATION]
* Video tutorial - How to make use of General Slider choices
------------------------------------------------------------------------
Date: 4/11/2020
Version: 2.13.0
[FEATURE]
* RESET VIDEO PLAYBACK on slide change
* 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]
* Layer editor vital velocity enchancment
* Shaders and rendering improved and sooner
[BUG]
* Rendering transitions on tab change
* Resize texture measurement repair
------------------------------------------------------------------------
Date: 21/10/2020
Version: 2.12.1
[IMPROVEMENT]
* Shortcode "Copy" button is engaged on all browsers, additionally guide choose is on the market
[BUG]
* Multiple sliders render repair
* Fixed concern with international variables and conflicts with some plugins
------------------------------------------------------------------------
Date: 20/10/2020
Version: 2.12.0
[FEATURE]
* NEW ELEMENT: added a brand new iFrame factor has come to city!
* Added extra choices for slider thumbnails
* Slider choices now have unit dropdown menu px,%
* Implemented textual content type templates
[IMPROVEMENT]
* We changed the colour picker with higher, sooner and stronger choices
* More exact relative / absolute positions for parts
* Accelerated slider loading
* Added many button templates
* Slider shadow results now have a visible selector
* Elements animations reorganized
* Each layer factor has for a selected possibility an satisfactory unit within the dropdown menu
* "Save" and "Back" buttons added in Layer editor to cut back confusion when closing Layer editor
* If the shortcode can't be copied by way of the COPY button, it's now attainable to manually choose the textual content of the shortcode
* Transition results enhanced, accelerated and optimized for quick operation
------------------------------------------------------------------------
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
* In the layer editor the choices have a dropdown menu (px,%)
* 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
* Organization in Layer Editor, grouping 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 attainable to begin video muted or unmuted
[IMPROVEMENT]
* Changed Slider Settings Tab [Buttons] -> [Video]
* Fixed concern the place video sound was taking part in whereas slider preview was closed
------------------------------------------------------------------------
Date: 31/8/2020
Version: 2.9.0
[FEATURE]
* Added new Premium Template - Gym
* Added new Premium Template - Car 2
[BUG]
* Fixed all points associated with new WordPress 5.5 replace
------------------------------------------------------------------------
Date: 23/7/2020
Version: 2.8.0
[FEATURE]
* Added new Premium Template - Fashion
* Added on click on lightbox characteristic for picture and video parts on slide
* Corssfade impact with new instructions
[IMPROVEMENT]
* Layer editor - Button template now could be making use of appropriate font household
* All preloader types are within the middle
* Fixed concern with shadow impact beneath slider
* Resolved points with parallax
* Export sliders JSON is way cleaner, eliminated unused properties
------------------------------------------------------------------------
Date: 16/7/2020
Version: 2.7.0
[FEATURE]
* Added new Premium Template - Sport information
* Added letter spacing property in layer editor
* Added preview button inside slider templates thumbnails
[IMPROVEMENT]
* Font household and font weights at the moment are seen on change inside layer editor
[BUG]
* Sliders dashboard - preview slider inside thumbnail is now working for a number of slider previews
------------------------------------------------------------------------
Date: 2/7/2020
Version: 2.6.3
[BUG]
* Fix for delete factor inside layer editor
------------------------------------------------------------------------
Date: 24/6/2020
Version: 2.6.2
[FEATURE]
* Mouse wheel slider navigation
* Added new Premium Templates
* New preloader types
[IMPROVEMENT]
* New implementation for layer parts type, sooner and extra suitable with customized templates
* PNG slide transparency repair
* Improved previous Premium Templates with new options
* Layer fixes and enhancements
* Layer editor fixes and enhancements
------------------------------------------------------------------------
Date: 28/4/2020
Version: 2.5.0
[FEATURE]
* Added cell and pill choices for parts
* 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]
* Added CSS selector for Menu inverting colours (good for conditions the place slider is beneath web site menu)
* Overlay colour (between layer and background)
* Added new set of choices referred to as Layer (all set of modifications associated to measurement of slider on totally different units)
* Navigation tab is prolonged with new choices (attainable to vary colour of navigation), select type of navigation visually
* Pagination tab is prolonged with new choices (attainable to vary colour of pagination), select type of pagination visually
* Text factor with new animation Typing, many choices to create lovely typing animations
[IMPROVEMENT]
* Added few extra Premium Templates
* Text factor with new possibility: HTML Tag
* Under Style choices for every factor added Margin choices
* Fixed small visible particulars over Dashboard and Layer Editor
------------------------------------------------------------------------
Date: 16/12/2019
Version: 2.2.0
[FEATURE]
* Added slider background overlay colour
* Content mode for layers
* Parallax for layer parts and background picture or video
* 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 / Tablet / Mobile view inside slide editor
[IMPROVEMENT]
* Transitions enchancment - blur place & high quality, transition length, change slide on drag
* Layer measurement could 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
[BUGS]
* Fixed Gutenberg block
------------------------------------------------------------------------
Date: 07/11/2019
Version: 2.1.0
[BUGS]
* Fixed copy/paste a number of parts on layer
* Fixed transfer concern for a number of chosen parts
* Fixed switching slides with arrows inside layer editor
* Fixed delete content material textual content refresh in Text factor
------------------------------------------------------------------------
Date: 30/10/2019
Version: 2.0.3
[BUGS]
* Fixed visible concern with Brightness Effect
------------------------------------------------------------------------
Date: 29/10/2019
Version: 2.0.2
[FEATURE]
* TEMPLATES are included!
[BUGS]
* Fixed visible concern with video slide buttons
------------------------------------------------------------------------
Date: 24/10/2019
Version: 2.0.1
[FEATURES]
* Added new shortcode parameters
[BUGS]
* Fixed shortcode title parameter
------------------------------------------------------------------------
Date: 21/10/2019
Version: 2.0.0
[FEATURES]
* Finally! SLIDER TEMPLATES are right here!
* NEW Slider editor - redesign with enchancment:
- Slide settings: new characteristic added "Full slide hyperlink"
- A layers popup window with copy characteristic additionally draggable layer gadgets to rearrange which merchandise is beneath or above
- Move gadgets on a layer with a mouse or keyboard. Hold SHIFT + arrows to maneuver a component by 10 pixels.
- Right-click on a component and uncover a brand new menu with Delete, Copy, Paste and Duplicate.
- Switch between slides with left/proper arrows
- Copy/Paste parts between slides (Hold Shift and click on on a number of parts right-click and choose Copy, transfer to subsequent slide and Paste chosen parts there)
- Copy/Paste parts with keyboard (Ctrl+C / Ctrl+V for Windows and Cmd+C / Cmd+V for Mac customers)
- TEMPLATES for button factor
- Each factor is prolonged with many new settings and hover parameters
- Layer measurement possibility for cell and pill
* NEW Dashboard - redesign with enchancment:
- Select a number of sliders or just one for Export characteristic
- The added dropdown menu to pick all or none sliders
- Live preview slider earlier than saving
- New fullscreen slider preview
* Slider settings:
- Under the "measurement" tab discover new responsive parameters (responsive ratio for all units: desktop, pill, and cell)
- Define breakpoint width for units (Tablet display screen width and cell display screen width)
- Loading with change textual content and background colour characteristic
* transition progress between slides on contact transfer/drag
* GUTENBERG Supported
[BUGS]
* Fixed many points with layers, parts positioning, loading...
* smoother transitions
------------------------------------------------------------------------
Date: 10/5/2019
Version: 1.2.0
[FEATURES]
* slide layers - click on on factor inside layer editor will present parts settings
* now could be attainable to duplicate slide inside slider settings
* improved high quality of photos and movies for cell units
[BUGS]
* fastened concern with THREE.js and swiper.js conflicts and overwrite state with different plugins
* fastened slider caught concern if ratio responsive is used
* fastened concern 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 peak
------------------------------------------------------------------------