sushil51

<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/e0qyyv6j75c?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&start=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<blockquote>
<p><a href="http://demos.pridethemes.com/ng-animated-slider" rel="nofollow ugc">Demos</a>  |  <a href="https://www.pridethemes.com/my-account/" rel="nofollow ugc">Support</a>  |  <a href="https://www.pridethemes.com" rel="nofollow ugc">Our Awesome Themes</a>  |</p>
</blockquote>
<p>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</p>
<h3>How to add this slider in Elementor Page Builder</h3>
<ol>
<li>Create a new Page and Add Text Editor or HTML elementor widget in the page</li>
<li>Add any of the shortcode you like in the widget<br />
[slider layout=”layout1″] //For slider Animation type1<br />
[slider layout=”layout2″] //For slider Animation type2<br />
[slider layout=”layout3″] //For slider Animation type3<br />
[slider layout=”layout4″] //For slider Animation type4<br />
[slider layout=”layout5″] //For slider Animation type5<br />
[slider layout=”layout6″] //For slider Animation type6<br />
[slider layout=”layout7″] //For slider Animation type7</li>
</ol>
<p>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.</p>
<h3>Features</h3>
<p>7 Animated Transition layout<br />
Animated page transitions.<br />
Full screen background.<br />
Autoplay enabled<br />
Jquery enhanced.<br />
Works in all major browsers.<br />
Semantic source code, properly formatted and commented.</p>
<h3>Shortcodes</h3>
<p>[slider layout=”layout1″] //For slider Animation type1<br />
[slider layout=”layout2″] //For slider Animation type2<br />
[slider layout=”layout3″] //For slider Animation type3<br />
[slider layout=”layout4″] //For slider Animation type4<br />
[slider layout=”layout5″] //For slider Animation type5<br />
[slider layout=”layout6″] //For slider Animation type6<br />
[slider layout=”layout7″] //For slider Animation type7</p>
<h3>How to Work with the Plugin</h3>
<ol>
<li>Upload <code>ng-animated-slider.zip</code> to the <code>/wp-content/plugins/</code> directory</li>
<li>Activate the plugin through the ‘Plugins’ menu in WordPress</li>
<li>Go to WordPress Dashboard, and find Sliders post type and create new slider</li>
<li>Place [slider] shortcode in your pages</li>
<li>For Various slider Options, Go to Customizer/ NG Animated Sliders Options</li>
</ol>
<h3>Credits</h3>
<p>https://tympanus.net/codrops/2017/11/15/animated-svg-frame-slideshow/</p>


NG Animated Slider

[youtube https://www.youtube.com/watch?v=e0qyyv6j75c&t=2s]

Alex Ilie

<p>Create a fullscreen background slider for your site in a couple of minutes with multiple images.<br />
You can choose between 2 slider transitions, fade and slide, also you can set the slide change speed.</p>


Fullscreen Slider

Create a fullscreen background slider for your site in a couple of minutes with multiple images and transitions.

NG Animated Slider vs Fullscreen Slider