NG Animated Slider

Description

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

  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

Contributors & Developers

“NG Animated Slider” is open source software. The following people have contributed to this plugin.

Contributors

Translate “NG Animated Slider” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by 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