过渡滑块 – 响应式 WordPress 滑块插件

TRY – 下载免费演示

过渡滑块是独特的创新图像和视频滑块，具有无缝过渡和响应式动画图层。

使用这个独特且最强大的滑块，在您的网站上的所有浏览器和设备上展示您的图像和视频。创建漂亮的响应式幻灯片、图像滑块、视频滑块、带有动画图层和效果滑动、淡入淡出、缩放、变形、交叉淡入淡出、闪光、旋转、滚动、拉伸的图层滑块。

下一代过渡

通过仅在专业视频中看到的过渡效果将您的网站提升到新的水平。用吸引他们注意力的原创动画给游客留下深刻印象。过渡滑块使您能够在网站内使用视频编辑效果。它包括运动模糊、径向模糊、闪光灯、淡入淡出和交叉淡入淡出等高级效果。

易于使用

在几分钟内构建滑块并将它们嵌入到您网站的任何位置。可视化幻灯片编辑器和专业设计的模板使此滑块易于使用且完全可定制。

滑块模板

过渡滑块包括滑块模板，便于启动。选择预构建模板之一，然后替换图像并编辑幻灯片元素，您的滑块就准备好了。

查看所有模板

动画图层

全新的图层编辑器使您能够通过添加动画文本、图像、按钮和视频元素以及每个元素的高级设置来轻松设计幻灯片。每个元素都有 In 动画、Out 动画，具有可自定义的持续时间和延迟。

手机和平板电脑设置

通过手机和平板电脑设置，您可以创建完全响应式滑块，在所有设备上看起来都很棒。您可以使用不同的滑块大小（移动设备上的纵向，台式机和平板电脑上的横向）并更改图层元素的任何设置（字体大小、位置、间距）

新增功能 （2.11） – 线条过渡

使用显示下一张幻灯片的线在幻灯片之间过渡。

可拖动幻灯片

过渡滑块具有可拖动的幻灯片，这使得令人敬畏的 WebGL 效果更具吸引力。您可以使用触摸或鼠标在两个方向上拖动幻灯片。

延迟加载

当滑块在屏幕上可见时，它开始加载，因此您可以在同一个 oage 上使用多个滑块，页面加载时间很快。您还可以在页面下方设置滑块，这将使网站加载速度更快。

高性能

滑块仅在视口中可见时才会呈现，因此您可以毫无问题地在页面上拥有多个全角滑块。这使您能够创建具有高性能动画、视频和图像的丰富网站。

触摸滑块

过渡滑块具有可拖动的幻灯片，这使得令人敬畏的效果更具吸引力。您可以使用触摸或鼠标向两个方向拖动幻灯片

TRY – 下载免费演示

UPDATING THE PLUGIN
1. uninstall the current version of the plugin
2. install the new version of the plugin

------------------------------------------------------------------------
Date: 16/6/2021
Version: 2.20.1

[BUG]
*   Fixed a problem with the CORS policy browser where the slider did not load images if the assets were in a location without www. and the domain contains www.

------------------------------------------------------------------------
Date: 14/6/2021
Version: 2.20.0

!!!    Great news for all our dear customers. For the next version we announce that Transition Slider 3 is coming    !!!

[FEATURE]
*   A new TEMPLATE "Cinematic Slider" has been added to the template gallery.
*   We've added support for icons inside the button.

[IMPROVEMENT]
*   We added desktop / tablet / mobile icons to the slider preview.
*   To make your navigation easier, a new Getting Started video with voiceover has been added to our slider plugin.
*   Optimized script loading.
*   Fixed another issue with CORS policy (domain with www. And assets without www.).

[BUG]
*   Layer editor fixes: A static element with an absolute position is now running a click event.
*   Layer editor fixes: Dragging absolute elements now works without difficulty.
*   Layer editor fixes: Fixed a situation where a static element was not displayed on a slider where there were no static elements.
*   Layer editor fixes: Fixed copy / paste elements from one slide to another.

------------------------------------------------------------------------
Date: 31/5/2021
Version: 2.19.0

[FEATURE]
*   All layer elements have been expanded with another new option called box shadow. While the text and heading element got another text shadow option.
*   Added Welcome screen inside the plugin, in which you can watch a short Getting Started video.
*   We have expanded the Lightbox options so that now the Button element can open any image or video you want, just enter the URL.
*   New template - Static App Slider
*   New template - Cinematic Lightbox Slider
*   New template - Real estate with Tabs

[IMPROVEMENT]
*   A text effect called Effect9 (typing effect) enhanced and optimized to support multiple line text.
*   After importing the template, the slider thumbnails were not a display of local assets, now the asset src thumbnails are the local path.
*   Improved transitions where it is now possible for the current slide to go slower or its brightness to decrease.
*   Tests of the speed of loading the slider were made, and considering the results, a plan was made for the future progress of even greater acceleration of the slider.
*   We've added buttons to the Go Pro in a few more places to make it easier to access the details that our PRO version brings.
*   We've created a cleanup of some old options that are no longer needed: "contentAnimationType".
*   Once the iFrame element is added to the scene, the area that the iFrame occupies is now visible even before you insert the src of your iFrame.

[BUG]
*   (Dashboard) Fixed a bug where sometimes multiple slider previews via the thumbnail preview button did not work properly.
*   Special text effects optimized and removed bugs that appeared when there were multiple text elements with the same text effect on the slider.

------------------------------------------------------------------------
Date: 17/5/2021
Version: 2.18.0

[FEATURE]
*   From now on, each element has a static option with which any element can remain visible on any slide (eg you can add a watermark to your slide or custom navigation ...)
*   Through the static elements it is possible to arrange custom navigation and pagination, with which you can go to the next, previous or jump to any slide you define.
*   Extended autoplay option where now each slide can have its own autoplay duration.
*   The autoplay option now has a "Pause on hover" extension, when the user moves the mouse over the slider the current slide will be paused.
*   Autoplay also has an additional option - visual progress, with this option you can display a small circular progress bar that shows in real time what is duration of current slide.
*   From now on, the background slide does not have to be an image or a video, but can also be a color. We have expanded the option so that you can add two colors and create a gradient color, there is also the option of a horizontal or vertical gradient.
*   A new option that allows slides within the slider to be displayed in a random order when loading.
*   Crossfade - custom alpha map | it is possible to add any alpha map for the crossfade effect and thus we have enabled even more combinations to create new transitions.
*   From now on you can add cssClass to any element and thus access each element from the slide from the outside. Add your custom CSS class WITHOUT the dot, e.g: my-class. Add multiple classes separated with space, e.g: my-class my-class-2. Classes for slide navigation: slide-next, slide-prev. Classes for go to slide: slide-1, slide-2, ...

[IMPROVEMENT]
*   We have added an option with which you can quickly load a slider on your page.
*   The name of the transitions is now visible below each video.
*   Preview video transitions are now played only on the hover over the transition, to make it easier to spot the selected transition.
*   jQuery updated documentation that can be found at https://transition-slider.gitbook.io/wordpress/

[BUG]
*   For arabic web page display fixed the problem with the display of navigation arrows.
*   Fixed a situation where sometimes slides could not be edited.
*   The video preview of the transition is now playing when the slide is changed.
*   We fixed the initial slide option which now works in preview if the inital slide parameter changes.
*   The autoplay timer was sometimes not reset to change the slide via navigation or pagination.
*   Fixed a situation where the editor stopped working when changing the font color.

------------------------------------------------------------------------
Date: 6/4/2021
Version: 2.17.1

[IMPROVEMENT]
*   If the slider name is longer, then in the layer editor it overlaps over the device icon.

[BUG]
*   Fixed Copy / paste colors from one element to another element.
*   Fixed situations with copy / paste multiple elements on a layer.
*   Fixed button templates, now is possible to remove and change the border size.
*   Fixed the situation when the preview is opened while the layer editor is open, and when the forward / backward slides are changed with the arrows, now only the slides in the preview are changed, while in the layer editor the slides are not changed.
*   Right-clicking on the layer editor does not accidentally move absolutely positioned elements.
*   Copy / paste is again possible by right-clicking and selecting from the layer menu.
*   Effect9 or typing effect supports multiple words again (writing and deleting).
*   Effect4 corrected text position when used on a text block element.
*   Fade animation is completely removed from the layer at the end 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 want advanced transitions between slides, you can now use the "css" type of slider, which will work faster because it doesn't load the additional scripts needed for advanced transitions.
*   Added option for image elements, from now on you can put an onClick action of type "url" and set the URL you want the image to open when clicked on it.
*   Size options now support separate settings for tablet, mobile and desktop

[BUG]
*   Fixed Transition selector that in some cases did not change to the selected transition.
*   Fixed issue where sometimes the background slide could not be uploaded unless the user had small image generation enabled (Settings -> Media -> Media Settings). It is now possible to upload regardless of this option.
*   Fixed predefined transitions "blur2" and "blur3" 

------------------------------------------------------------------------
Date: 10/2/2021
Version: 2.15.1

[BUG]
*   Fixed issue for users who had Media generation turned off (Settings -> Media) the plugin crashed when changing the background image of the slider.

------------------------------------------------------------------------
Date: 2/2/2021
Version: 2.15.0

[FEATURE]
*   A new option that allows a true responsive and fullscreen slider regardless of the width and height of the container of the template in which it is located. The options are forceFullscreen and forceResponsive.
*   Added new transition SpinEffect + RadialBlurShader.
*   From now on slider options can also be specially tuned for mobile, tablet and desktop.
*   We added device buttons (mobile, tablet and desktop) to Preview Slider.
*   Due to the expansion of text effects, we were forced to rearrange the typing effect that you can currently find under Effect 9. You can also find an additional 14 new effects that are perfect for text elements.
*   Start and End animations, Transition animation selectors are now visual with live examples.
*   Video background autoplay can now be turned on and off.

[IMPROVEMENT]
*   Font menu in Layer Editor improved, from now on you can visually see what the font you want to choose looks like.
*   Fixed and adjusted templates to look good on mobile and tablet.
*   From now on, Custom CSS options are also changed live within the Layer Editor.
*   You no longer need to worry about which protocol the slider assemblies are on (http / https) and which protocol the slider is displayed on, CORS policy is fixed in this version.

[BUG]
*   We fixed the Duplicate button in the Layer Editor in the menu when the user right-clicks the mouse.
*   Text element font size issues, sometimes to change the font size, the font is not well displayed on the slider.
*   Text element margin issue while using external WP themes like Astra.
*   Firefox issue could not delete already entered values.
*   Layer editor - The heading element had additional margins for larger font sizes.
*   Elements that had an absolute position could not move the position with arrows or drag.
*   In the Layer editor, the left menu sometimes had wrong categories displayed for certain items.
*   Sometimes the button on the last layer took over the click events on all the previous buttons.

------------------------------------------------------------------------
Date: 25/11/2020
Version: 2.14.0

[FEATURE]
*   Very big change for the elements on the layer, we made a completely different and fast implementation that will soon bring something very big!
*   We've visually changed the Dashboard to have even more visibility and space to create your sliders
*   Slide settings and All elements are switched to heading in the left menu inside the Layer editor. To be always easily accessible
*   We changed the Text element to Text Editor where you now have a small editor where you can add various text styles
*   Added new element "heading" with default tag h2
*   In the layer Editor under the Transition category, we added a small question mark for each option on hover you get an explanation of what that option does and what its range is
*   Added option "Reset video on slide change" - resetVideos
*   Thumbnails assets added in all templates
*   Added lightbox and thumbnails templates as an example
*   Added 6 new simple templates

[IMPROVEMENT]
*   Huge transition improvements, from now on all transitions have higher FPS with better blur
*   Improved small bugs in some templates
*   Some templates have improved transitions
*   Moving the button in the Layer editor now works smoothly
*   The iFrame can be moved normally through the Layer editor like other elements
*   Position of save message inside Dashboard is fixed
*   Change on global variables to avoid collision with other global variables of other plugins
*   Significant acceleration at fast element selection changes in Layer editors

[BUG]
*   Fixed that multiple sliders on one page can work with thumbnails included
*   Fixed a situation where the selected element was inside the Layer editor and when some input was clicked and the arrows on the keyboard were clicked the selected element was moving
*   In absolute element movement, the position elements x and y were large decimal numbers
*   Fixed input fields for Safari
*   Fixed copying shortcodes on some browsers

[DOCUMENTATION]
*   Video tutorial - How to use General Slider options

------------------------------------------------------------------------
Date: 4/11/2020
Version: 2.13.0

[FEATURE]
*   RESET VIDEO PLAYBACK on slide change
*   NEW SLIDER MODE: On click 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 significant speed improvement
*   Shaders and rendering improved and faster

[BUG]
*   Rendering transitions on tab change
*   Resize texture size fix

------------------------------------------------------------------------
Date: 21/10/2020
Version: 2.12.1

[IMPROVEMENT]
*   Shortcode "Copy" button is working on all browsers, also manual select is available

[BUG]
*   Multiple sliders render fix
*   Fixed issue with global variables and conflicts with some plugins

------------------------------------------------------------------------
Date: 20/10/2020
Version: 2.12.0

[FEATURE]
*   NEW ELEMENT: added a new iFrame element has come to town!
*   Added more options for slider thumbnails
*   Slider options now have unit dropdown menu px,%
*   Implemented text style templates

[IMPROVEMENT]
*   We replaced the color picker with better, faster and stronger options
*   More precise relative / absolute positions for elements
*   Accelerated slider loading
*   Added many button templates
*   Slider shadow effects now have a visual selector
*   Elements animations reorganized
*   Each layer element has for a particular option an adequate unit in the dropdown menu
*   "Save" and "Back" buttons added in Layer editor to reduce confusion when closing Layer editor
*   If the shortcode cannot be copied via the COPY button, it is now possible to manually select the text of the shortcode
*   Transition effects enhanced, accelerated and optimized for fast operation

------------------------------------------------------------------------
Date: 28/9/2020
Version: 2.11.0

[FEATURE]
*   Thumbnails are added: Ability to turn on thumbnails in all positions (up, down, left, right)
*   10 new "Line" transitions
*   In the layer editor the options 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, moving empty options
*   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
*   The trackpad scroll skipped 2 slides

------------------------------------------------------------------------
Date: 4/9/2020
Version: 2.10.0

[FEATURE]
*   Added new option to Video settings: Start video muted, now is possible to start video muted or unmuted

[IMPROVEMENT]
*   Changed Slider Settings Tab [Buttons] -> [Video]
*   Fixed issue where video sound was playing while 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 issues related with new WordPress 5.5 update

------------------------------------------------------------------------
Date: 23/7/2020
Version: 2.8.0

[FEATURE]
*   Added new Premium Template - Fashion
*   Added on click lightbox feature for image and video elements on slide
*   Corssfade effect with new directions

[IMPROVEMENT]
*   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

------------------------------------------------------------------------
Date: 16/7/2020
Version: 2.7.0

[FEATURE]
*   Added new Premium Template - Sport news
*   Added letter spacing property in layer editor
*   Added preview button inside slider templates thumbnails

[IMPROVEMENT]
*   Font family and font weights are now visible on change inside layer editor

[BUG]
*   Sliders dashboard - preview slider inside thumbnail is now working for multiple slider previews

------------------------------------------------------------------------
Date: 2/7/2020
Version: 2.6.3

[BUG]
*   Fix for delete element inside layer editor

------------------------------------------------------------------------
Date: 24/6/2020
Version: 2.6.2

[FEATURE]
*   Mouse wheel slider navigation
*   Added new Premium Templates
*   New preloader styles

[IMPROVEMENT]
*   New implementation for layer elements style, faster and more compatible with custom templates
*   PNG slide transparency fix
*   Improved old Premium Templates with new features
*   Layer fixes and improvements
*   Layer editor fixes and improvements

------------------------------------------------------------------------
Date: 28/4/2020
Version: 2.5.0

[FEATURE]
*   Added mobile and tablet options for elements
*   Added new Premium Templates

[IMPROVEMENT]
*   Transitions performance improvement
*   Content mode fix
*   Slider target URL fix
*   Font loading improvements

------------------------------------------------------------------------
Date: 26/3/2020
Version: 2.3.0

[FEATURE]
*   Added CSS selector for Menu inverting colors (perfect for situations where slider is under website menu)
*   Overlay color (between layer and background)
*   Added new set of options called Layer (all set of changes related to size of slider on different devices)
*   Navigation tab is extended with new options (possible to change color of navigation), choose style of navigation visually
*   Pagination tab is extended with new options (possible to change color of pagination), choose style of pagination visually
*   Text element with new animation Typing, many options to create beautiful typing animations

[IMPROVEMENT]
*   Added few more Premium Templates
*   Text element with new option: HTML Tag
*   Under Style options for each element added Margin options
*   Fixed small visual details over Dashboard and Layer Editor

------------------------------------------------------------------------
Date: 16/12/2019
Version: 2.2.0

[FEATURE]
*   Added slider background overlay color
*   Content mode for layers
*   Parallax for layer elements and background image or video
*   Video layer element
*   Progress animation for layer - fade, translate...
*   Lazy loading for multiple sliders on page. Slider is loading and rendering only if visible on website.
*   Added Desktop / Tablet / Mobile view inside slide editor

[IMPROVEMENT]
*   Transitions improvement - blur position & quality, transition duration, change slide on drag
*   Layer size can be "px" or "%" 
*   Moved layer size options from slide to slider
*   Layer editor improvements

[BUG]
*   Autoplay timer is properly 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 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

------------------------------------------------------------------------
Date: 30/10/2019
Version: 2.0.3

[BUGS]
*   Fixed visual issue with Brightness Effect

------------------------------------------------------------------------
Date: 29/10/2019
Version: 2.0.2

[FEATURE]
*   TEMPLATES are included!

[BUGS]
*   Fixed visual issue with video slide buttons

------------------------------------------------------------------------
Date: 24/10/2019
Version: 2.0.1

[FEATURES]
*   Added new shortcode parameters

[BUGS]
*   Fixed shortcode name parameter

------------------------------------------------------------------------
Date: 21/10/2019
Version: 2.0.0

[FEATURES]
*   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)
    - TEMPLATES for button element
    - 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

[BUGS]
*   Fixed many issues with layers, elements positioning, loading...
*   smoother transitions

------------------------------------------------------------------------
Date: 10/5/2019
Version: 1.2.0

[FEATURES]
*   slide layers - click on element inside layer editor will show elements settings
*   now is possible to duplicate slide inside slider settings
*   improved quality of images and videos for mobile devices

[BUGS]
*   fixed issue with THREE.js and swiper.js conflicts and overwrite state with other plugins
*   fixed slider stuck issue if ratio responsive is used
*   fixed issue with delete, preview and reordering slides
*   slider shadow is back again

------------------------------------------------------------------------
Date: 4/5/2019
Version: 1.1.0

[FEATURES]
*   slide layers - Add button, add text and add image
*   hash navigation
*   responsive ratio
*   responsive height

------------------------------------------------------------------------