Transition Slider – Responsive WordPress Slider Plugin
TRY – Download Free Demo
Transition Slider is exclusive modern 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 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 straightforward to make use of and totally customizable.
Slider Templates
Transition Slider consists of slider templates for straightforward begin. Choose certainly one of prebuilt templates, then substitute photographs and edit slide components and your slider is prepared.
Animated Layers
Completely new Layer editor provides you capacity to design your slides simply by including animated Text, Image, Button and Video components, with superior settings for every ingredient. Each ingredient has In animation, Out animation with customisable period and delay.
Mobile and Tablet Settings
With cell and pill settings you possibly can create totally responsive slider that can look nice on all gadgets. You can have totally different slider measurement (portrait on cell, 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 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 web site 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 photographs if the property have been in a location with out www. and the area accommodates www. ------------------------------------------------------------------------ Date: 14/6/2021 Version: 2.20.0 !!! Great information for all our pricey clients. For the subsequent 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 property with out www.). [BUG] * Layer editor fixes: A static ingredient with an absolute place is now working a click on occasion. * Layer editor fixes: Dragging absolute components now works with out issue. * Layer editor fixes: Fixed a state of affairs the place a static ingredient was not displayed on a slider the place there have been no static components. * Layer editor fixes: Fixed copy / paste components from one slide to a different. ------------------------------------------------------------------------ Date: 31/5/2021 Version: 2.19.0 [FEATURE] * All layer components have been expanded with one other new choice referred to as field shadow. While the textual content and heading ingredient obtained one other textual content shadow choice. * 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 ingredient 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 property, now the asset src thumbnails are the native path. * Improved transitions the place it's now doable 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 better acceleration of the slider. * We've added buttons to the Go Pro in just a few extra locations to make it simpler to entry the small print that our PRO model brings. * We've created a cleanup of some outdated choices which can be now not wanted: "contentAnimationType". * Once the iFrame ingredient is added to the scene, the realm that the iFrame occupies is now seen even earlier than you insert the src of your iFrame. [BUG] * (Dashboard) Fixed a bug the place generally a number of slider previews through 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 components with the identical textual content impact on the slider. ------------------------------------------------------------------------ Date: 17/5/2021 Version: 2.18.0 [FEATURE] * From now on, every ingredient has a static choice with which any ingredient can stay seen on any slide (eg you possibly can 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 be able to go to the subsequent, earlier or soar to any slide you outline. * Extended autoplay choice the place now every slide can have its personal autoplay period. * The autoplay choice now has a "Pause on hover" extension, when the consumer strikes the mouse over the slider the present slide will probably be paused. * Autoplay additionally has an extra choice - visible progress, with this feature you possibly can show a small round progress bar that reveals in actual time what's period of present slide. * From now on, the background slide doesn't should be a picture or a video, however will also be a shade. We have expanded the choice so to add two colours and create a gradient shade, 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 doable so as to add any alpha map for the crossfade impact and thus we've enabled much more mixtures to create new transitions. * From now on you possibly can add cssClass to any ingredient and thus entry every ingredient 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 house, e.g: my-class my-class-2. Classes for slide navigation: slide-subsequent, slide-prev. Classes for go to slip: slide-1, slide-2, ... [IMPROVEMENT] * We have added an choice 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 net web page show mounted the issue with the show of navigation arrows. * Fixed a state of affairs the place generally slides couldn't be edited. * The video preview of the transition is now taking part in when the slide is modified. * We mounted the preliminary slide choice which now works in preview if the inital slide parameter adjustments. * The autoplay timer was generally not reset to alter the slide through navigation or pagination. * Fixed a state of affairs the place the editor stopped working when altering the font shade. ------------------------------------------------------------------------ Date: 6/4/2021 Version: 2.17.1 [IMPROVEMENT] * If the slider title is longer, then within the layer editor it overlaps over the system icon. [BUG] * Fixed Copy / paste colours from one ingredient to a different ingredient. * Fixed conditions with copy / paste a number of components on a layer. * Fixed button templates, now's doable 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 chance transfer completely positioned components. * Copy / paste is once more doable by proper-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 ingredient. * 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 do not 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 choice for picture components, any more 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 instances didn't change to the chosen transition. * Fixed concern the place generally the background slide couldn't be uploaded except the consumer had small picture technology enabled (Settings -> Media -> Media Settings). It is now doable to add no matter this feature. * 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 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 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 system buttons (cell, pill and desktop) to Preview Slider. * Due to the growth of textual content results, we have been compelled to rearrange the typing impact you could at the moment discover beneath Effect 9. You may also discover an extra 14 new results which can be excellent for textual content components. * 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, any more you possibly can visually see what the font you need to select appears to be like 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 mounted on this model. [BUG] * We mounted the Duplicate button within the Layer Editor within the menu when the consumer proper-clicks the mouse. * Text ingredient font measurement points, generally to alter the font measurement, the font will not be nicely displayed on the slider. * Text ingredient margin concern whereas utilizing exterior WP themes like Astra. * Firefox concern couldn't delete already entered values. * Layer editor - The heading ingredient 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 generally had mistaken classes displayed for sure objects. * 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 huge change for the weather on the layer, we made a very totally different and quick implementation that can quickly carry one thing very huge! * We've visually modified the Dashboard to have much more visibility and house to create your sliders * Slide settings and All components are switched to heading within the left menu contained in the Layer editor. To be all the time simply accessible * We modified the Text ingredient to Text Editor the place you now have a small editor the place you possibly can add numerous textual content kinds * Added new ingredient "heading" with default tag h2 * In the layer Editor beneath the Transition class, we added a small query mark for every choice on hover you get a proof of what that choice does and what its vary is * Added choice "Reset video on slide change" - resetVideos * Thumbnails property added in all templates * Added lightbox and thumbnails templates for example * Added 6 new easy templates [IMPROVEMENT] * Huge transition enhancements, any more 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 components * Position of save message inside Dashboard is mounted * Change on world variables to keep away from collision with different world variables of different plugins * Significant acceleration at quick ingredient choice adjustments 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 ingredient was contained in the Layer editor and when some enter was clicked and the arrows on the keyboard have been clicked the chosen ingredient was shifting * In absolute ingredient motion, the place components 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 handbook choose is out there [BUG] * Multiple sliders render repair * Fixed concern with world variables and conflicts with some plugins ------------------------------------------------------------------------ Date: 20/10/2020 Version: 2.12.0 [FEATURE] * NEW ELEMENT: added a brand new iFrame ingredient has come to city! * Added extra choices for slider thumbnails * Slider choices now have unit dropdown menu px,% * Implemented textual content fashion templates [IMPROVEMENT] * We changed the colour picker with higher, sooner and stronger choices * More exact relative / absolute positions for components * Accelerated slider loading * Added many button templates * Slider shadow results now have a visible selector * Elements animations reorganized * Each layer ingredient has for a selected choice an ample 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 through the COPY button, it's now doable 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, shifting empty choices * Organization in Layer Editor, grouping choices [BUG] * Fixed a difficulty with the ceaseOnFinalSlide 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 Version: 2.10.0 [FEATURE] * Added new choice to Video settings: Start video muted, now's doable 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 components on slide * Corssfade impact with new instructions [IMPROVEMENT] * Layer editor - Button template now's making use of right font household * All preloader kinds are within the heart * Fixed concern with shadow impact beneath slider * Resolved points with parallax * Export sliders JSON is far 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 ingredient inside layer editor ------------------------------------------------------------------------ Date: 24/6/2020 Version: 2.6.2 [FEATURE] * Mouse wheel slider navigation * Added new Premium Templates * New preloader kinds [IMPROVEMENT] * New implementation for layer components fashion, sooner and extra suitable with customized templates * PNG slide transparency repair * Improved outdated 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 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] * Added CSS selector for Menu inverting colours (excellent for conditions the place slider is beneath web site menu) * Overlay shade (between layer and background) * Added new set of choices referred to as Layer (all set of adjustments associated to measurement of slider on totally different gadgets) * Navigation tab is prolonged with new choices (doable to alter shade of navigation), select fashion of navigation visually * Pagination tab is prolonged with new choices (doable to alter shade of pagination), select fashion of pagination visually * Text ingredient with new animation Typing, many choices to create lovely typing animations [IMPROVEMENT] * Added few extra Premium Templates * Text ingredient with new choice: HTML Tag * Under Style choices for every ingredient 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 shade * Content mode for layers * Parallax for layer components and background picture or video * Video layer ingredient * 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 period, 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 components on layer * Fixed transfer concern for a number of chosen components * Fixed switching slides with arrows inside layer editor * Fixed delete content material textual content refresh in Text ingredient ------------------------------------------------------------------------ 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 objects to rearrange which merchandise is beneath or above - Move objects 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 components between slides (Hold Shift and click on on a number of components proper-click on and choose Copy, transfer to subsequent slide and Paste chosen components there) - Copy/Paste components with keyboard (Ctrl+C / Ctrl+V for Windows and Cmd+C / Cmd+V for Mac customers) - TEMPLATES for button ingredient - Each ingredient is prolonged with many new settings and hover parameters - Layer measurement choice 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 gadgets: desktop, pill, and cell) - Define breakpoint width for gadgets (Tablet display screen width and cell display screen width) - Loading with change textual content and background shade characteristic * transition progress between slides on contact transfer/drag * GUTENBERG Supported [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 ingredient inside layer editor will present components settings * now's doable to duplicate slide inside slider settings * improved high quality of photographs and movies for cell gadgets [BUGS] * mounted concern with THREE.js and swiper.js conflicts and overwrite state with different plugins * mounted slider caught concern if ratio responsive is used * mounted 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 ------------------------------------------------------------------------