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]

abdulbaquee

<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/sXllenpl60g?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=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>
<h4>Overview</h4>
<p>WG Responsive Slider is built using WordPress best practices for both frontend and backend development. This results in an efficient, robust, and intuitive plugin that works with any theme, including WordPress Default Themes. The plugin is fully customizable and suitable for both technical and non-technical users.</p>
<h3>Usage</h3>
<ol>
<li>Install and activate the plugin  </li>
<li>Go to “Manage Sliders” under WG Slider  </li>
<li>Click “Add New Slider”  </li>
<li>Add slides with titles, images, and content  </li>
<li>Copy the shortcode and place it in a post, page, or template  </li>
<li>Done!</li>
</ol>


WG Responsive Slider

Build responsive sliders quickly and easily with WG Responsive Slider. We use Owl Carousel v2 and CSS3 animations to meet your needs.

NG Animated Slider vs WG Responsive Slider