#jQuery Mousewheel Slider 1.1 Plugin
See [DEMO] (http://bawyka.github.io/jQuery-Mousewheel-Slider)
You must have a DOM-structure like this before:
<div>
<ul id="slider">
<li><a href="#"><img src="images/image1"></a></li>
<li><a href="#"><img src="images/image2"></a></li>
<li><a href="#"><img src="images/image3"></a></li>
<li><a href="#"><img src="images/image4"></a></li>
</ul>
</div>
then assign it to the slider:
$('#slider').mwslider();
As for test I choosed a few images from Mercedes catalog. You can use your own pictures.
$('#slider').mwslider({
'speed':'slow',
'easing': 'easeInBounce'
});
- jQuery 1.9
- jQuery UI
- jQuery-Mousewheel plugin