內容簡介
示範 | 支援 | 我們的精美佈景主題 |
NG Animated Slider 是非常輕巧和出色的動畫SVG框架幻燈片，具有超級平滑的硬體加速過渡。它是一個響應式和設備友好的滑塊，在所有主要設備上都能完美運作。它有7種不同的精彩動畫佈局。它是一個非常強大的專業HTML/CSS3滑塊外掛，帶有全屏背景，非常適合展示您的攝影或一般創意理念在您的網站中。
如何在 Elementor 頁面建構器中添加此滑塊
創建一個新頁面，並通過 Elementor 工具欄添加文字編輯器或HTML元件
在元件中添加任何您喜歡的短碼
[slider layout=”layout1″] //用於幻燈片動畫類型1
[slider layout=”layout2″] //用於幻燈片動畫類型2
[slider layout=”layout3″] //用於幻燈片動畫類型3
[slider layout=”layout4″] //用於幻燈片動畫類型4
[slider layout=”layout5″] //用於幻燈片動畫類型5
[slider layout=”layout6″] //用於幻燈片動畫類型6
[slider layout=”layout7″] //用於幻燈片動畫類型7
注意：當您從這裡複製貼上此短碼 [slider layout=”layout7″] 到您的網站時，請自己輸入 ” ” 在layout7之前和之後。
特點
7個動畫過渡佈局
動畫頁面過渡。
全屏背景。
支援自動播放
Jquery增強版本。
在所有主要瀏覽器中運作。
語義化的原始代碼，格式化和註釋正確。
短碼
[slider layout=”layout1″] //用於幻燈片動畫類型1
[slider layout=”layout2″] //用於幻燈片動畫類型2
[slider layout=”layout3″] //用於幻燈片動畫類型3
[slider layout=”layout4″] //用於幻燈片動畫類型4
[slider layout=”layout5″] //用於幻燈片動畫類型5
[slider layout=”layout6″] //用於幻燈片動畫類型6
[slider layout=”layout7″] //用於幻燈片動畫類型7
如何操作此外掛
將 ng-animated-slider.zip 上傳到 /wp-content/plugins/ 目錄
通過 WordPress 的「外掛」選單啟用外掛
到 WordPress 儀表板，找到「滑塊」文章類型並創建新的滑塊
在您的頁面上放置 [slider] 短碼
欲調整各種滑塊選項，到外觀設定/ NG Animated Sliders 選項卡
鳴謝
外掛標籤
開發者團隊
原文外掛簡介
Demos | Support | Our Awesome Themes |
NG Animated Slider is a very light weight and Awesome animated SVG Frame Slideshow with super smooth hardware accelerated transitions.It is a responsive and device friendly slider which works perfectly on all major devices.It has 7 different awesome animation layout.It is a very Powerful Professional HTML/CSS3 slider plugin, with Fullscreen background perfect to showcase your photography or general creativeness ideas in your website
How to add this slider in Elementor Page Builder
Create a new Page and Add Text Editor or HTML elementor widget in the page
Add any of the shortcode you like in the widget
[slider layout=”layout1″] //For slider Animation type1
[slider layout=”layout2″] //For slider Animation type2
[slider layout=”layout3″] //For slider Animation type3
[slider layout=”layout4″] //For slider Animation type4
[slider layout=”layout5″] //For slider Animation type5
[slider layout=”layout6″] //For slider Animation type6
[slider layout=”layout7″] //For slider Animation type7
Note: When you copy paste this shortcode [slider layout=”layout7″] from here to your website, Please type ” ” before and after of layout7 and such by yourself.
Features
7 Animated Transition layout
Animated page transitions.
Full screen background.
Autoplay enabled
Jquery enhanced.
Works in all major browsers.
Semantic source code, properly formatted and commented.
Shortcodes
[slider layout=”layout1″] //For slider Animation type1
[slider layout=”layout2″] //For slider Animation type2
[slider layout=”layout3″] //For slider Animation type3
[slider layout=”layout4″] //For slider Animation type4
[slider layout=”layout5″] //For slider Animation type5
[slider layout=”layout6″] //For slider Animation type6
[slider layout=”layout7″] //For slider Animation type7
How to Work with the Plugin
Upload ng-animated-slider.zip to the /wp-content/plugins/ directory
Activate the plugin through the ‘Plugins’ menu in WordPress
Go to WordPress Dashboard, and find Sliders post type and create new slider
Place [slider] shortcode in your pages
For Various slider Options, Go to Customizer/ NG Animated Sliders Options
Credits
