Περιγραφή
Demo | Example Sliders | Features | Documentation | Support
Overview
Transition Slider is unique innovative image and video slider with seamless transitions and responsive animated layers.
Showcase your images and videos in your website across all browsers & devices with this unique and most powerful Slider around. Build any slider without coding! Create beautiful responsive slideshow, image slider, video slider, layer slider with animated layers and effects Slide, Fade, Zoom, Warp, Crossfade, Flash, Twirl, Roll, Stretch.
Templates
Transition Slider comes with professionally designed templates that you can easily modify and create your perfect slider. 5 Free templates are included. Many more templates are available in PRO version.
5 FREE Templates
- Creative Agency Slider Template
- Creative Multipurpose Slider Template
- Agency Slider Template
- Business Slider Template
- Car Sales Slider Template
PRO Templates
- Gym Slider Template
- Fashion Slider Template
- Sport News Slider Template
- Real Estate Slider Template
- Shop Slider Template
- Education Slider Template
- view all Templates
Transitions
Bring your website to new level with transition effects only seen in professional videos. Impress visitors with original animations that will catch their attention. Transition Slider is inspired by popular video editing transitions and enables you to use those kind of effects inside your website. Transition include effects like Motion blur, Radial blur, Brightness, and 3D image distortions. Transitions are fully customizable, you can set type, duration, easing, direction, distance and brightness. Each slide can have different transition.
Slider size
Slider can have responsive height (fixed aspect ratio) or fixed height. There is also fullscreen mode which makes the slider always cover entire screen.
Animated Layers
Completely new Layer editor gives you ability to design your slides easily by adding animated Text, Image, Button and Video elements, with advanced settings for each element. Each element has In animation, Out animation with customisable duration and delay.
Mobile and Tablet settings – PRO
With mobile and tablet settings you can create fully responsive slider that will look great on all devices. You can have different slider size (portrait on mobile, landscape on desktop and tablet) and change any setting for layer elements (font size, position, spacing)
Line transitions – PRO
This set of transitions is available in PRO version
Draggable Slides
Transition Slider has now draggable slides, which makes awesome WebGL effects even more attractive. You can drag slides with touch or mouse, in both directions.
Lazy Loading
Slide images, videos and layer elements are only loaded when the relevant slides are displayed (all of the slider’s images are NOT loaded up-front).
Infinite Looping
First slide is seamlessly displayed after the last slide without any carousel rewind.
Slide Link
Create a full slide link button for any slide within your slider.
Gutenberg compatible
Features
• Unique slide transition effects made with WebGL custom shaders
• Customizable transitions – direction, speed, duration, brightness, easing
• 10 different transition effects – slide, roll, zoom, stretch, power zoom, twirl, warp, flash, fade, crossfade
• Responsive size – fixed or responsive height based on width
• Full width, fullscreen, boxed layout
• Animated elements Text, Button, Image, Video
• Visual Layer editor
• Transition In and Out Available for Each Layer
• Image slide
• Video slide
• Navigation Arrows – presets and customisable
• Pagination – presents and customisable
• Lazy loading slides
• Autoplay with timing
• Loop navigation – go from last slide to first
• Draggable slides – transition progress on touch move or click and drag
• Deep linking
• Slide link – entire slide is link
Compatible Browsers
- IE10+
- Firefox
- Safari
- Opera
- Chrome
- iOS browser
- Android browser
Demo for PRO Version
Documentations
If you have any question about working with “Transition Slider”, you can take a look at online documentations
Στιγμιότυπα
Μπλοκ
This plugin provides 1 block.
- transitionslider/embed
- Transition Slider - Responsive Image Slider and Video Slider
Εγκατάσταση
Minimum Requirements
- WordPress 4.6 or greater
- PHP version 5.4 or greater
- MySQL version 5.0 or greater
This section describes how to install the plugin and get it working
Automatic installation (easiest way)
To do an automatic install of Transition Slider, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.
In the search field type “Transition Slider” and click Search Plugins. Once you have found it you can install it by simply clicking “Install Now”.
Manual installation
Uploading in WordPress Dashboard
- Download
transition-slider-lite.zip - Navigate to the ‘Add New’ in the plugins dashboard
- Navigate to the ‘Upload’ area
- Select
transition-slider-lite.zipfrom your computer - Click ‘Install Now’
- Activate the plugin in the Plugin dashboard
Using FTP
- Download
transition-slider-lite.zip - Extract the
transition-sliderdirectory to your computer - Upload the
transition-sliderdirectory to the/wp-content/plugins/directory - Activate the plugin in the Plugin dashboard
The WordPress codex contains instructions on how to install a WordPress plugin.
Updating
You can use automatic update to update the plugin safely.
Συχνές Ερωτήσεις
-
Where can I find Transition Slider documentation and user guides
-
If you have any question about working with “Transition Slider”, you can take a look at online documentations
Κριτικές
Συνεισφέροντες & Προγραμματιστές
“Transition Slider – Responsive Image Slider and Video Slider” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.
Συντελεστές
Μεταφράστε το “Transition Slider – Responsive Image Slider and Video Slider” στην γλώσσα σας.
Interested in development?
Περιηγηθείτε στον κώδικα , ανατρέξτε στο αποθετήριο SVN ή εγγραφείτε στο αρχείο καταγραφής αλλαγών μέσω RSS .
Σύνοψη αλλαγών
Version 2.12.1 / (21.10.2020)
- [IMPROVEMENT] Shortcode “Copy” button is working on all browsers, also manual select is available
- [BUG] Multiple sliders render fix
- [BUG] Fixed issue with global variables and conflicts with some plugins
Version 2.12.0 / (20.10.2020)
- [FEATURE] Added more options for slider thumbnails
- [FEATURE] Slider options now have unit dropdown menu px,%
- [FEATURE] Added BUY PRO page where you can see the differences between the FREE and PRO version, and which additional features are included in the PRO version
- [FEATURE] Implemented text style templates
- [IMPROVEMENT] We replaced the color picker with better, faster and stronger options
- [IMPROVEMENT] More precise relative / absolute positions for elements
- [IMPROVEMENT] Accelerated slider loading
- [IMPROVEMENT] Slider shadow effects now have a visual selector
- [IMPROVEMENT] Elements animations reorganized
- [IMPROVEMENT] Each layer element has for a particular option an adequate unit in the dropdown menu
- [IMPROVEMENT] “Save” and “Back” buttons added in Layer editor to reduce confusion when closing Layer editor
- [IMPROVEMENT] If the shortcode cannot be copied via the COPY button, it is now possible to manually select the text of the shortcode
Version 2.11.0 / (28.09.2020)
- [FEATURE] Thumbnails are added: Ability to turn on thumbnails in all positions (up, down, left, right)
- [FEATURE] 1 New “Line” transitions, 10 more in PRO version
- [FEATURE] In the layer editor the options have a dropdown menu (px,%)
- [FEATURE] Added new Premium Template – Travel Adventure
- [FEATURE] Added new Premium Template – Photograph
- [FEATURE] Added new Premium Template – Business Corporate
- [FEATURE] Added new Premium Template – Agency theme
- [FEATURE] Added new Premium Template – Spa
- [FEATURE] Added new Premium Template – Clothing Collection Shop
- [IMPROVEMENT] Refactoring template settings, moving empty options
- [IMPROVEMENT] Organization in Layer Editor, grouping options
- [BUG] Fixed an issue with the stopOnLastSlide option when the first slide was attempted to move to the left the image was missing
- [BUG] The trackpad scroll skipped 2 slides
Version 2.9.0 / (01.09.2020)
- [FEATURE] Added new Premium Template – Gym
- [FEATURE] Added new Premium Template – Car 2
- [BUG] Fixed all issues related with new WordPress 5.5 update
Version 2.8.0 / (23.07.2020)
- Added new Premium Template – Fashion
- Added on click lightbox feature for image and video elements on slide
- Corssfade effect with new directions
- Layer editor – Button template now is applying correct font family
- All preloader styles are in the center
- Fixed issue with shadow effect under slider
- Resolved issues with parallax
- Export sliders JSON is much cleaner, removed unused properties
Version 2.7.0 / (16.07.2020)
- Added new Premium Template – Sport news
- Added letter spacing property in layer editor
- Added preview button inside slider templates thumbnails
- Font family and font weights are now visible on change inside layer editor
- Sliders dashboard – preview slider inside thumbnail is now working for multiple slider previews
Version 2.6.3 / (02.07.2020)
- Fix for delete element inside layer editor
Version 2.6.0 / (23.06.2020)
- Mouse wheel slider navigation
- New preloader styles
- New implementation for layer elements style, faster and more compatible with custom templates
- Layer fixes and improvements
- Layer editor fixes and improvements
- Templates updated
Version 2.5.0 / (28.04.2020)
- Removed watermark
- New transition effects – Slide
- All layer elements included – text, button, image, video
- 5 FREE templates included
- Improved transition blur and performance
Version 2.1.1 / (11.07.2019)
- Fixed Gutenberg block
Version 2.1.0 / (10.07.2019)
- Fixed many issues with layers, elements positioning, loading…
- smoother transitions
- Finally! SLIDER TEMPLATES are here!
- NEW Slider editor – redesign with improvement:
- Slide settings: new feature added “Full slide link”
- A layers popup window with copy feature also draggable layer items to arrange which item is under or above
- Move items on a layer with a mouse or keyboard. Hold SHIFT + arrows to move an element by 10 pixels.
- Right-click on an element and discover a new menu with Delete, Copy, Paste and Duplicate.
- Switch between slides with left/right arrows
- Copy/Paste elements between slides (Hold Shift and click on multiple elements right-click and select Copy, move to next slide and Paste selected elements there)
- Copy/Paste elements with keyboard (Ctrl+C / Ctrl+V for Windows and Cmd+C / Cmd+V for Mac users)
- Each element is extended with many new settings and hover parameters
- Layer size option for mobile and tablet
- NEW Dashboard – redesign with improvement:
- Select multiple sliders or only one for Export feature
- The added dropdown menu to select all or none sliders
- Live preview slider before saving
- New fullscreen slider preview
- Slider settings:
- Under the “size” tab find new responsive parameters (responsive ratio for all devices: desktop, tablet, and mobile)
- Define breakpoint width for devices (Tablet screen width and mobile screen width)
- Loading with change text and background color feature
- transition progress between slides on touch move/drag
- GUTENBERG Supported
- Fixed shortcode name parameter
- Added new shortcode parameters
- Fixed visual issue with video slide buttons
- TEMPLATES are included!
- Fixed visual issue with Brightness Effect
- Fixed copy/paste multiple elements on layer
- Fixed move issue for multiple selected elements
- Fixed switching slides with arrows inside layer editor
- Fixed delete content text refresh in Text element
Version 1.0.0 / (01.06.2019)
- initial release