FlexSlider
FlexSlider is a great, fully responsive jQuery slider toolkit. It comes pre-installed with the FR Classic template, ready to use.
Functions
- Simple, semantic design
- Supported by all major browsers
- Horizontal and vertical slide and fade animations
- Support for multiple scrollbars, Callback API, and more
- Support for hardware-accelerated swiping
- Custom navigation options
- Compatible with the latest version of jQuery
Visit the FlexSlider page on Woo Themes for examples.
For example, you can copy the HTML source code and paste it into a section of your website.
Usage
Place the Flexslider in a section of a page. Use the WYSIWYG editor and select the “Source Code” option.
Place the following source code:
<!-- Place somewhere in the <body> of your page -->
<div class="flexslider">
<ul class="slides">
<li>
<img src="slide1.jpg" />
</li>
<li>
<img src="slide2.jpg" />
</li>
<li>
<img src="slide3.jpg" />
</li>
<li>
<img src="slide4.jpg" />
</li>
</ul>
</div>
Advanced Options
The developer's GitHub page, WooCommerce, describes all the built-in features. Link to page
Other pages with examples and tutorials: