Title: NG Animated Slider Author: sushil51 Published: 2 maart 2019 Last modified: 3 maart 2019 --- Plugins zoeken ![](https://ps.w.org/ng-animated-slider/assets/banner-772x250.png?rev=2042682) Deze plugin **is niet getest met de laatste 3 grotere versies van WordPress**. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress. ![](https://ps.w.org/ng-animated-slider/assets/icon-128x128.png?rev=2042682) # NG Animated Slider Door [sushil51](https://profiles.wordpress.org/sushil51/) [Download](https://downloads.wordpress.org/plugin/ng-animated-slider.zip) * [Details](https://nl.wordpress.org/plugins/ng-animated-slider/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/ng-animated-slider/#reviews) * [Ontwikkeling](https://nl.wordpress.org/plugins/ng-animated-slider/#developers) [Ondersteuning](https://wordpress.org/support/plugin/ng-animated-slider/) ## Beschrijving > [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 ## Beoordelingen Er zijn geen beoordelingen voor deze plugin. ## Bijdragers & ontwikkelaars “NG Animated Slider” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ sushil51 ](https://profiles.wordpress.org/sushil51/) [Vertaal “NG Animated Slider” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/ng-animated-slider) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/ng-animated-slider/), haal de [SVN repository](https://plugins.svn.wordpress.org/ng-animated-slider/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/ng-animated-slider/) via [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 * Versie **1.0.2** * Laatst geüpdatet **8 jaar geleden** * Actieve installaties **20+** * WordPress versie ** 4.0 of nieuwer ** * Getest t/m **5.1.27** * Taal * [English (US)](https://wordpress.org/plugins/ng-animated-slider/) * Tags * [best slider plugin](https://nl.wordpress.org/plugins/tags/best-slider-plugin/) [fullscreen slider](https://nl.wordpress.org/plugins/tags/fullscreen-slider/) [image slider](https://nl.wordpress.org/plugins/tags/image-slider/)[slider](https://nl.wordpress.org/plugins/tags/slider/) [wordpress slider](https://nl.wordpress.org/plugins/tags/wordpress-slider/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/ng-animated-slider/advanced/) ## Waarderingen Er zijn nog geen beoordelingen ingediend. [Je beoordeling](https://wordpress.org/support/plugin/ng-animated-slider/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/ng-animated-slider/reviews/) ## Bijdragers * [ sushil51 ](https://profiles.wordpress.org/sushil51/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/ng-animated-slider/) ## Doneren Wil je de groei van deze plugin ondersteunen? [ Doneer aan deze plugin ](http://paypal.me/pridethemes)