Just Slider
- Description
-
To make the slider work tms-0.4.x.js file is used
The HTML Slider Structure:
<div id="pro_slider"> <div class="pro_slider"> <ul class="pro_items"> <li> <img src="YourImage.jpg" alt=""/> <div class="pro_banner">banner content</div> </li> ... </ul> </div> <a href="#" class="pro_btn pro_prev pro_button1"><span></span></a> <a href="#" class="pro_play pro_btn"><em>stop</em><span>play</span></a> <a href="#" class="pro_btn pro_next pro_button2"><span></span></a> </div>
You can add more images to the slider adding <li> tag to the <ul class="pro_items"> list:
<li><img src="YourImage.jpg" alt=""/> <div class="pro_banner">banner content</div> </li>
You only need to change the src attribute value and define correct path to your image file. Image captions can be added to the <div class="pro_banner"> block.
Pagination is automatic and depends on the images amount.
You'll get more info on working with Just slider in the template manual after purchase. Manual is located in the "documentation" folder of the template package.