
內容簡介
Slide Anything 允許您創建一個輪播/滑動功能,每個滑動層的內容可以是任何您想要的東西 - 圖像,文字,HTML甚至是短代碼。此外,這個外掛使用 Owl Carousel 2 jQuery 外掛,讓您創建出美觀,觸摸式啟用,響應式輪播和滑塊。
Slide Anything 提供了許多 Owl Carousel 2 的功能,其中包括:
觸碰和拖曳支援 - 專為提高行動瀏覽體驗而設計。在桌面上也能很好地使用滑鼠拖曳!
完全響應式 - 您可以為各種斷點設置顯示的幻燈片數量,例如桌面上的 4 張,平板電腦上的 3 張和手機上的 2 張。
現代瀏覽器 - Owl 使用 CSS3 Translate3d 轉換的硬體加速。它快速而且功能強大!它還支援 CSS2 回退來應對較舊的瀏覽器。
無限循環 - 隨著 Owl Carousel 2 的引入,這個功能意味著最後一個幻燈片無縫地顯示在第一個幻燈片之後,而不需要任何輪播倒帶。
轉換效果 - 新的 Owl Carousel 轉換包括 Slide,Fade,Zoom In,Zoom Out,Flip Out X/Y,Rotate Left/Right,Bounce Out,Roll Out 和 Slide Down。
幻燈片連結功能 - 一個功能,可以讓你在輪播中的任何幻燈片上創建一個懸停連結按鈕。
重新排序幻燈片功能 - 現在,您可以使用“拖放”介面來輕鬆重新排序您在創建的滑塊中的幻燈片。
MODAL彈窗 - 每個幻燈片現在都可以打開一個 MODAL 彈窗,它可以是一個圖片彈窗,一個視頻嵌入彈窗(YouTube / Vimeo),一個 HTML 代碼彈窗或顯示 WordPress 短代碼的彈窗。
HERO SLIDER - 英雄幻燈片是一個總是 100% 寬度/高度的輪播,可以在設備上查看(或在桌面設備上 100% 的窗口寬度/高度)。
縮略圖分頁 - 允許您添加一個小型可點擊的縮略圖圖像區域,每個圖像代表一個單獨的幻燈片,可單擊以導航到該幻燈片。
SHOWCASE CAROUSEL - 一個寬度超過它所放置的容器的輪播,這使得左/右最可見的幻燈片變得部分可見。
MODAL彈窗DEMO
HERO SLIDER WITH THUMBNAILS DEMO
SHOWCASE CAROUSEL
Owl Carousel
Owl Carousel是一個非常強大和靈活的輪播/滑動 JQuery 外掛,並且是免費使用的!很不幸,如果您是一個非開發人員,將 Owl Carousel 整合到 WordPress 網站中並需要 JQuery 和 PHP 編碼技能,那麼這並不容易。這就是我開發這個外掛的原因。
我在我開發的各種 WordPress 網站中使用 Owl Carousel,特別是當我需要更複雜的佈局來開發輪播,或使用現有的輪播外掛產品不適用的佈局時。
請參閱 FAQ 頁面 以獲取有關如何使用 Slide Anything 的信息。
外掛標籤
開發者團隊
② 後台搜尋「Slide Anything – Responsive Content / HTML Slider and Carousel」→ 直接安裝(推薦)
📦 歷史版本下載
原文外掛簡介
Slide Anything allows you to create a carousel/slider where the content for each slide can be anything you want – images, text, HTML, and even shortcodes. This plugin uses the Owl Carousel 2 jQuery plugin, and lets you create beautiful, touch enabled, responsive carousels and sliders.
Slide Anything provides many Owl Carousel 2 features, which include:
Touch and Drag Support – Designed specially to boost mobile browsing experience. Mouse drag works great on desktop too!
Fully Responsive – You can define the number of slides to display for various breakpoint settings, e.g. 4 slides on desktop, 3 slides on tablet and 2 slides on mobile.
Modern Browsers – Owl uses hardware acceleration with CSS3 Translate3d transitions. Its fast and works like a charm! It also supports CSS2 fallbacks to cater for older browsers.
Infinite Looping – introduced with Owl Carousel 2, this feature means that the first slide is now seamlessly displayed after the last slide without any carousel rewind.
Transition Effects – New Owl Carousel transitions include Slide, Fade, Zoom In, Zoom Out, Flip Out X/Y, Rotate Left/Right, Bounce Out, Roll Out and Slide Down.
Slide Link Feature – A feature which allows you to create a hover-over link button for any slide within your carousels.
Re-Order Slides Facility – Now you can use a ‘drag-and-drop’ interface to easily re-order your slides within the sliders you create.
MODAL POPUPS – Each slide can now open a MODAL POPUP, which can be an IMAGE popup, a VIDEO EMBED popup (YouTube/Vimeo), a HTML CODE popup or a popup displaying a WordPress SHORTCODE.
HERO SLIDER – A Hero Slider is a slider that always is 100% of the width/height of the device it’s being viewed on (or 100% of the window width/height if on a desktop device).
THUMBNAIL PAGINATION – Allows you to add an area of small clickable thumb images, with each image representing a single slide that can be clicked to navigate to that slide.
SHOWCASE CAROUSEL – A Carousel with a width exceeding the width of the container that it’s placed in, which results in the left/rightmost visible slides becoming partially visible.
MODAL POPUPS DEMO
HERO SLIDER WITH THUMBNAILS DEMO
SHOWCASE CAROUSEL
Owl Carousel
Owl Carousel is an extremely powerful and flexible carousel/slider JQuery plugin, and it is also free to use! Unfortunately, it’s not easy to integrate Owl Carousel into a WordPress site if you are a non-developer, and requires JQuery and PHP coding skills. That is why I developed this plugin.
I use Owl Carousel a in various WordPress sites I develop, specifically where I need the additional flexibility to develop a carousel with a more complex layout, or use a layout not catered for by any existing carousel plugin product.
Please view the FAQ Page for information on how to use Slide Anything.
