Title: NG Animated Slider Author: sushil51 Published: March 2, 2019 Last modified: March 3, 2019 --- Search plugins ![](https://ps.w.org/ng-animated-slider/assets/banner-772x250.png?rev=2042682) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/ng-animated-slider/assets/icon-128x128.png?rev=2042682) # NG Animated Slider By [sushil51](https://profiles.wordpress.org/sushil51/) [Download](https://downloads.wordpress.org/plugin/ng-animated-slider.zip) * [Details](https://sa.wordpress.org/plugins/ng-animated-slider/#description) * [Reviews](https://sa.wordpress.org/plugins/ng-animated-slider/#reviews) * [Development](https://sa.wordpress.org/plugins/ng-animated-slider/#developers) [Support](https://wordpress.org/support/plugin/ng-animated-slider/) ## Description > [Demos](http://demos.pridethemes.com/ng-animated-slider) | [Support](https://www.pridethemes.com/my-account/) > | [Our Awesome Themes](https://www.pridethemes.com) | 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 1. Create a new Page and Add Text Editor or HTML elementor widget in the page 2. 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 1. Upload `ng-animated-slider.zip` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Go to WordPress Dashboard, and find Sliders post type and create new slider 4. Place [slider] shortcode in your pages 5. For Various slider Options, Go to Customizer/ NG Animated Sliders Options ### Credits https://tympanus.net/codrops/2017/11/15/animated-svg-frame-slideshow/ ## FAQ 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 ## Reviews There are no reviews for this plugin. ## Contributors & Developers “NG Animated Slider” is open source software. The following people have contributed to this plugin. Contributors * [ sushil51 ](https://profiles.wordpress.org/sushil51/) [Translate “NG Animated Slider” into your language.](https://translate.wordpress.org/projects/wp-plugins/ng-animated-slider) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/ng-animated-slider/), check out the [SVN repository](https://plugins.svn.wordpress.org/ng-animated-slider/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/ng-animated-slider/) by [RSS](https://plugins.trac.wordpress.org/log/ng-animated-slider/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 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. 1. Upload `ng-animated-slider.zip` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress 3. Go to WordPress Dashboard, and find Sliders post type and create new slider 4. Place [slider] shortcode for default animation layout in your pages 5. For Various slider Options, Go to Customizer/ NG Animated Sliders Options ## Meta * Version **1.0.2** * Last updated **7 वर्षाः ago** * Active installations **30+** * WordPress version ** 4.0 or higher ** * Tested up to **5.1.22** * Language * [English (US)](https://wordpress.org/plugins/ng-animated-slider/) * Tags * [best slider plugin](https://sa.wordpress.org/plugins/tags/best-slider-plugin/) [fullscreen slider](https://sa.wordpress.org/plugins/tags/fullscreen-slider/) [image slider](https://sa.wordpress.org/plugins/tags/image-slider/)[slider](https://sa.wordpress.org/plugins/tags/slider/) [wordpress slider](https://sa.wordpress.org/plugins/tags/wordpress-slider/) * [Advanced View](https://sa.wordpress.org/plugins/ng-animated-slider/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/ng-animated-slider/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/ng-animated-slider/reviews/) ## Contributors * [ sushil51 ](https://profiles.wordpress.org/sushil51/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/ng-animated-slider/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://paypal.me/pridethemes)