NG Animated Slider

Περιγραφή

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/

Συχνές Ερωτήσεις

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

Συνεισφέροντες & Προγραμματιστές

“NG Animated Slider” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του.

Συντελεστές

Σύνοψη αλλαγών

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