前言介紹
- 這款 WordPress 外掛「Transition Slider – Responsive Image Slider and Gallery」是 2019-07-28 上架。 目前已經下架不再更新，不建議安裝使用。
- 目前有 10000 個安裝啟用數。
- 上一次更新是 2021-07-20，距離現在已有 1383 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.8 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.4 以上。
- 有 21 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
Meta slider | smart slider | master slider | slide anything | wordpress slider |
內容簡介
示範 | 範例 Slider | 功能 | 文件 | 支援
概述
Transition Slider 是一個獨特創新的影像和視頻 Slider 以及相簿，擁有無縫轉場和響應式動畫層。使用此獨特而最強大的 Slider 展示您網站中的影像和視頻，支援所有瀏覽器和設備。無需編碼即可創建任何 Slider！創建美麗的響應式幻燈片、影像 Slider、視頻 Slider、相簿 Slider，以及帶有動畫層和特效的 Layer Slider，其中包括 Slide、Fade、Zoom、Warp、Crossfade、Flash、Twirl、Roll、Stretch。
範本
Transition Slider 帶有專業設計的範本，可輕松修改和創建您的完美 Slider。免費版包含 11 個範本。 PRO 版本中有更多範本可用。
11 個免費範本
全寬響應式 Slider 範本
橫向縮略圖 Slider
縱向縮略圖 Slider
全螢幕帶視頻背景的 Slider
橫向縮略圖的視頻相簿 Slider
影像相簿 Slider
創意代理商 Slider 範本
創意多用途 Slider 範本
代理商 Slider 範本
商業 Slider 範本
汽車銷售 Slider 範本
34 個 PRO 範本
帶有標籤的房地產 Slider 範本
健身房 Slider 範本
時尚 Slider 範本
體育新聞 Slider 範本
房地產 Slider 範本
商店 Slider 範本
教育 Slider 範本
檢視所有範本
原文外掛簡介
Demo | Example Sliders | Features | Documentation | Support
Overview
Transition Slider is unique innovative image and video slider and gallery 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, gallery 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. 11 Free templates are included. Many more templates are available in PRO version.
11 FREE Templates
Full Width Responsive Slider Template
Horizontal Thumbnails Slider
Vertical Thumbnails Slider
Fullscreen Slider with Video Background
Video Gallery Slider with Horizontal Thumbnails
Image Gallery Slider
Creative Agency Slider Template
Creative Multipurpose Slider Template
Agency Slider Template
Business Slider Template
Car Sales Slider Template
34 PRO Templates
Real Estate Slider with Tabs Template
Gym Slider Template
Fashion Slider Template
Sport News Slider Template
Real Estate Slider Template
Shop Slider Template
Education Slider Template
view all Templates
PRO Version Demo
Transition Slider Demo Sliders
Transition Slider Features
Transition Slider Manual
• Upgrade to PRO
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.
Image Gallery / Video Gallery
Create image gallery or video gallery with unique and innovative transitions between images and videos. Add captions to images and videos easily with our visual slide editor.
SEO Slider
Slider has special option to preload first slide image, image starts to load even before slider scripts are finished with loading, which is great for SEO. This prevents content shift that is the main problem with sliders. It also loads first slide very fast which is great for user experience.
Line transitions – PRO
This set of transitions is available in PRO version
Super easy integration
No technical skills needed, simply choose a slider and insert the shortcode in your page or post.
Animated Layers
Completely new Layer editor gives you ability to design your slides easily by adding animated Text, Heading, Image, Button and Video elements, with advanced settings for each element. Each element has In animation, Out animation with customisable duration and delay.
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.
Live Preview
As you edit slides in beautiful interface you can watch your changes instantly in live preview, which makes creating slides fast and efficient.
Mobile and Tablet Scene view – PRO
In PRO version you can view your current built-up Slider scene instantly in different device modes (mobile, tablet).
Mobile and Tablet Size 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).
Lightbox mode – PRO
You can have your Slider in Lightbox mode. Lightbox mode can be engaged through any custom text, which you can customize to fit your website layout, like changing font family, font size, color, etc. This feature is available in PRO version only.
View Lightbox example
iFrame Element – PRO
Transition Slider is now even more flexible with a new feature of HTML source inside slides! You can insert any HTML content inside slides and fully customize it’s size, animation etc. This way you can display any possible webpage you can imagine from the web, inside your slider.
Slider Thumbnails
You can display thumbnail images in your slider. This feature gives you flexibility to enhance user experiance, due to better view of your slider content in advance. Thumbnails are fully customisable so you can easily change thier position (top/right/bottom/left), choose to display them inside slider or outside of slider, you can set any thumbnails size, and even change their color, background and border.
Button Templates
We have created 12 sleek button templates. With one click you can add them to your slide. 5 button templates are included in this version and additional 7 button templates you’ll get in PRO version. Button elements can be customized as well.
Text Templates
We have created 16 best text templates with most appealing fonts. With one click you can add them to your slide. 5 text templates are included in this version and additional 11 text templates you’ll get in PRO version. Still, you can customize your texts manually, without limits.
Google Font
Over 1000+ Google fonts available in slider. Make your web more beautiful, fast, and open through great typography. Google Fonts makes slider and web page run faster by safely caching fonts without compromising users’ privacy or security.
Navigation
10 pre-made navigation arrow styles are included, yet, you can customize navigation elements to perfectly match your website style.
Pagination
Just as navigation arrows, 6 pre-made pagination styles are included, which are fully customisable. Also, you can choose to make them dynamic, or turn them off.
Great UX
Day by day, we are greatly improving user experience by improving Transition Slider’s interface design and usability.
Fully customisable
Transition slider is fully customisable, which means that you have full control over visual content of slider. Each slider element can be customized, from navigation, pagination, sizes, shadows, animations to even adding your custom css as top level of unlimited customisation ability.
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). This way we keep attention to avoid heavy impact on user’s broadband and improve user experience.
High Performance
Slider is rendering only when it is visible in viewport, so you can have multiple full width sliders on the page without problem. This enables you to create rich website with animations, videos and images with high performance.
Parallax effect
With parallax scrolling feature you can create depth and make Slider even more visually superb!
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.
Optional always visible Layer
There’s great new option to have one Layer in between slide image and slide elements, which can be used to “darken” the slide image and to make texts and buttons stand out more on your slider. This extra Layer can be fully customized as changing the color, transparency and size of the Layer.
WebGl or CSS transition
If your preference is to have lightning fast slider and transitions between slides and you don’t wann’t to use advanced transitions, we made it possible as well with CSS transitions.
Mouse scroll navigation
You can navigate through slides with mouse scroll.
= Autoplay Slider=
Get benefit from timer driven autoplaying slides so your users get visual representation before the actual interaction with slider. Also, you can enable progress indicator option for users to see how long each slide will be displaying before switching to Next Slide.
Autoplay Slides – PRO
In PRO version each Slide can have different autoplay timer. This would be of great use for displaying different products on image slides and videos on video slides. This way you can make certain slides last “longer” or “shorter”.
Randomize Slides
Each time your webpage loads, slides can be displayed randomly.
Custom actions for Layer Elements – PRO
Each Layer element (Text, Button, Image) can have a custom action. For example, you can create set of tabs (buttons) and make each of them to switch to certain slide on click.
Static Elements – PRO
Layer elements like Text, Button and Image can be marked as “static”. This means that you can make an element visible over all slides, all the time, which makes Transition Slider even more insightful.
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
• Slider Loop – 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
• Switch slides with mouse scroll
• CSS Styles – customize anything with custom css and preview live changes
• 4 Preloader styles
• Parallax
PRO Features
• Lightbox mode
• iFrame element (any HTML source inside slide)
• Mobile and Tablet settings (full responsiveness)
• New set of transitions Line transitions
• Import & export sliders
• +11 pre-made text templates
• +7 pre-made button templates
• Autoplay timer for each Slide
• Custom actions for Layer Element (switch to certain slide on button/text/image click)
Compatible Browsers
IE10+
Firefox
Safari
Opera
Chrome
iOS browser
Android browser
Documentations
If you have any question about working with “Transition Slider”, you can take a look at online documentations.
What our users say
“The support is amazing, this plugin is amazing. I would definitely recommend this plugin to everybody on wordpress. One of the easiest plugin to use and amazing capabilities.” – oesalazar123
“Boom its a WOW! Plugin. quick & lovely support, completely satisfied.” – agentkiller007
“I have used the lite version on two websites. Extremely user-friendly (important consideration for clients) and lightweight plugin. Superb all round.” – alexwent
“The free plugin version of Transition Slider is already feature-rich packed so that you can test out any settings needed. It has more options available for free than I have seen at a different similar slider. Beyond that, it is even easier to use. The only caveat is that the free version is not having settings for mobile devices and I highly recommend purchasing the full version to get all features including fine-grained settings for mobile devices. The pricing is very fair and combating with other plugins that are less feature-rich, less easy to use, and much more expensive.” – yogieanamcara
“It’s a very fine slider with great effects – thanks!” – glaeskewpr
“This slider is loaded with features, and is easy to get going. And the support is absolutely phenomenal!” – stevemullen
“The makers are very responsive and helped me with an issue I was having. Which resulted in a new update that made this slider plugin one of the best out there!” – bluesblue1
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Transition Slider – Responsive Image Slider and Gallery」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
2.19 | 2.20 | 1.0.0 | 2.1.0 | 2.1.1 | 2.5.0 | 2.6.0 | 2.6.3 | 2.7.0 | 2.8.0 | 2.9.0 | trunk | 2.10.0 | 2.11.0 | 2.12.0 | 2.12.1 | 2.13.0 | 2.14.0 | 2.14.1 | 2.15.0 | 2.15.1 | 2.16.0 | 2.17.1 | 2.18.0 | 2.18.1 | 2.20.1 | 2.20.2 | 2.20.3 |
延伸相關外掛（你可能也想知道）
Smart Slider 3 》al editor, Layer animation builder, Layer blending modes and filters, Google Fonts integration, Custom CSS, Smart Crop for perfect image fit, Built...。
Prime Slider – Addons For Elementor (Revolution of a slider, Hero Slider, Post Slider and Ecommerce Slider) 》您是否在尋找一款專門為 WordPress 和 Elementor 建立滑動輪播的外掛程式？, Prime Slider 是一款快速、完全可自訂且功能豐富的外掛程式，適用於包括部落格、...。
Master Slider – Responsive Touch Slider 》, 演示 | 功能 | 文件 | 所有視頻教程 | 支援, , , 概述, Master Slider 是一款免費的 SEO 友好、響應式圖片和視頻輪播插件，真正可以在所有主要設備上運行，...。
Slider by 10Web – Responsive Image Slider 》10Web 是一個 WordPress 外掛，提供多種功能和工具，包括網站建設、SEO 優化、安全性、備份、圖片優化、網站速度優化等。此外，10Web 還包括一個建站平台，讓...。
Easing Slider 》在 WordPress 上建立滑輪廣告一直都是十分困難的。雖然有許多相似的外掛提供解決方案，但都沒有完全符合要求。Easing Slider 希望解決這個問題。這個外掛專注...。
Serious Slider 》Serious Slider 是一款高效率、友善 SEO、完全可翻譯、易於存取的免費 WordPress 影像輪播外掛。, , 在幾秒內建立美觀、響應式的幻燈片。採用最小化的樣式和 ...。
WordPress Slider Block Gutenslider 》Gutenslider 是 WordPress 的圖像和視頻投影片外掛程式，可將簡單易用的 Gutenberg 投影片區塊添加到您的 WordPress 編輯器中。您無需使用其他編輯器，而是可...。
MaxSlider 》MaxSlider 可能是最簡單的方式，使您可以將自定義反應式滑塊添加到網站的任何頁面。每個滑塊/幻燈片都可以創建無限滑塊和自定義設置，並且您可以建立無限滑塊...。
Video Slider – Slider Carousel 》觀看以下視頻了解視頻滑動, , 視頻滑動外掛是一種創建令人驚嘆的視頻滑動的絕佳方式，無需編程技能。它完全響應，適用於任何移動設備。您可以吸引更多人訪問...。
Block Slider – Responsive Image Slider, Video Slider & Post Slider 》WordPress幻燈片外掛程式 - Block Slider, , Block Slider是下一代WordPress幻燈片外掛程式。它使用WordPress區塊編輯器Gutenberg作為幻燈片編輯器，因此您可...。
Ovation Elements 》總結：Ovation Elements WordPress 外掛是一款終極幻燈片外掛，旨在透過迷人的幻燈片改造您的網站。無論您是初學者還是高級使用者，這個外掛都提供無縫體驗，...。
Slider Carousel – Image Slider 》Rich Web 圖片輪播外掛, , 了解更多 Rich 圖片輪播外掛的功能, 輪播外掛的實際範例, Rich 官方支援團隊, , , Rich 團隊的新外掛, , WordPress 早期建置外掛, ...。
Layer Slider 》Layer Slider外掛程式非常有效，可以在短時間內創建響應式的圖片輪播。在短短幾分鐘內，創建具有響應式的層狀輪播。, 這款WordPress輪播外掛可讓圖像和HTML內...。
Responsive Full Width Background Slider 》Awesome Responsive Full Width Background Slider Plugin for WordPress 提供一個非常吸引人的全屏背景投影幻燈片給你的 WordPress 網站。, 特點, , 可定義...。
Universal Slider 》一款完美的 WordPress 網站響應式幻燈片外掛程式。此外掛可以讓您建立無限制的幻燈片，每個幻燈片都有獨特的短代碼及設定。此外掛附有多重圖片上傳功能，省時...。