Press "Enter" to skip to content

Fast, Lightweight, Mobile-friendly Responsive jQuery WOW Slider

WOW Slider is a jQuery image slider with unique visual effects and many ready-made skins. Responsive, fully accessible as a pure CSS slider if Javascript is turned off, touch scrolling support, all browsers, all devices, easy-to-use, clean, search engine friendly markup.

WOW Slider is packed with point and click wizard to create awesome photo sliders in seconds without photo coding and editing.

wow slider free download, wow slider demo, carousel slider jquery, wow slider html, wow slider cdn

Features:

  • New beautiful templates: Epsilon, Angular, Utter, Stream.
  • New Effect: Turn.
  • GUI translation for Chinese, Dutch, French, German, Italian, Japanese, Portuguese, Russian, Spanish, and Swedish.
  • Option to export the slider to Google Drive and then embed it in any website with a single line of code.
  • A WordPress plugin is updated to the latest version.
  • Support for Joomla 3.x.
  • An issue with adding some YouTube videos has been resolved.
  • Prevent sleep on devices in full-screen mode.

How to make use of it:

1. Include jQuery library and WOW Image Slider theme CSS in the header section of your page.

<link rel="stylesheet" type="text/css" href="styles/style.css" />
<script type="text/javascript" src="//code.jquery.com/jquery-1.7.2.min.js"></script>

2. Html structure for markup.

<div id="wowslider-container">
<div class="ws_images">
<ul>
<li><a href="#"><img src="images/slide1new.jpg" alt="" title="" id="wows_0"/></a></li>
<li><a href="#"><img src="images/slide2new.jpg" alt="" title="" id="wows_1"/></a></li>
<li><a href="#"><img src="images/slide3new.jpg" alt="" title="" id="wows_2"/></a></li>
</ul>
</div>
<div class="ws_bullets">
<div> 
<a href="#" title=""><img src="tooltips/slide1new.jpg" alt=""/>1</a>
<a href="#" title=""><img src="tooltips/slide2new.jpg" alt=""/>2</a>
<a href="#" title=""><img src="tooltips/slide3new.jpg" alt=""/>3</a>
</div>
</div>
<a href="#" class="ws_frame"></a>
<div class="ws_shadow"></div>
</div>

3. Include wowslider.js and then call the plugin with options.

<script type="text/javascript" src="../wowslider.js"></script>
<script type="text/javascript">
jQuery("#wowslider-container").wowSlider({
prev: "",
next: "",
duration: 1000,
delay: 20 * 100,
width: 960,
height: 360,
controls: true,
autoPlay: true,
bullets: true,
});
</script>

responsive jquery image slider with amazing visual effects, WOW Slider Plugin/Github


See Demo And Download

Official Website(WOWSlider): Click Here

This superior jQuery/javascript plugin is developed by WOWSlider. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.