描述
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
https://tympanus.net/codrops/2017/11/15/animated-svg-frame-slideshow/
常见问题
- Will NG Animated Slider work with my Theme?
-
Yes It will work with any theme
- How can I add slider to my website
-
- 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] for default animation layout in your pages
- For Various slider Options, Go to Customizer/ NG Animated Sliders Options
- Upload
评价
此插件暂无评价。
贡献者及开发者
更新日志
1.0.2 March 3 2019
- Added Shortcode attribute for layouts
1.0.1 March 2 2019
- CSS Issues Fixed
1.0.0 February 28 2019
- Initial Release
This section describes how to install the plugin and get it working.
- 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 for default animation layout in your pages
- For Various slider Options, Go to Customizer/ NG Animated Sliders Options