Download
- Overview
- Documents
- Demos
User Rating: 3.5/5 ( 1 votes)
Your Rating:
smSlider is a lightweight and flexible jQuery image slideshow plugin that features transition/easing animations, auto play, thumbnails, dots/arrows navigation and much more.
sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti
Source: github.com
1. INCLUDE CSS AND JS FILES
<link type="text/css" rel="stylesheet" href="smslider/css/smslider.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="smslider/jquery.smslider.min.js"></script>
2. HTML
<div id="sm_slider">
<ul>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
</div>
3. JAVASCRIPT
$(document).ready(function(){
$('#sm_slider').smSlider()
});
4. OPTIONS
- namespace string
// name of prefix:
$elem.smSlider({
namespace : 'sm'
});
- start number
// start with element:
$elem.smSlider({
start : 0
});
- transition string
// animation type
$elem.smSlider({
// can be 'animate' or 'fader'
transition : 'animate'
});
- activeClass string
// now showing element class
$elem.smSlider({
activeClass : 'active'
});
- autoArr boolean
// auto generating control buttons
$elem.smSlider({
autoArr : true
});
- prev string
// class of prevent control button
$elem.smSlider({
prev : 'sm_prev'
});
- next string
// class of next control button
$elem.smSlider({
next : 'sm_next'
});
- pagination boolean
// turn on pagination buttons
$elem.smSlider({
pagination : true
});
- typeCtrl string
// style of pagination buttons
$elem.smSlider({
// can be 'dots' or 'numeric'
typeCtrl : 'dots'
});
- subMenu boolean
// turn on additional controls
$elem.smSlider({
subMenu : false
});
- subMenuClass string
// css class for additional controls
$elem.smSlider({
subMenuClass : 'sm_submenu-item'
});
- autoPlay boolean
// auto change current slide
$elem.smSlider({
autoPlay : true
});
- duration number
// auto change animation speed
$elem.smSlider({
duration : 600
});
- delay number
// auto change timeout in milliseconds
$elem.smSlider({
delay : 5000
});
- hoverPause boolean
// turn on or turn off auto animation pause on hover
$elem.smSlider({
hoverPause : false
});
- easing string
// animation easing
$elem.smSlider({
// can be 'swing' or 'linear'
easing : 'swing'
});
- flexible boolean
// width in persents
$elem.smSlider({
flexible : true
});
- animationStart function
// callback function, called with start animation
$elem.smSlider({
animationStart : function() {
//do something...
}
});
- animationComplete function
// callback function, called with complete animation
$elem.smSlider({
animationComplete : function() {
//do something...
}
});
JS Tutorial
