Download
User Rating: 4.7/5 ( 3 votes)
FSVS is a Simple Full Screen Vertical Slider using CSS3 transitions followed up by a jQuery fallback. Bound events support mousewheel, click and drag, arrow keys and touch gestures.
Source: luke.sno.wden.co.uk
1. INCLUDE CSS AND JS FILES
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="/assets/js/fsvs.js"></script>
2. HTML
<!doctype html>
<html class="fsvs" lang="en">
<body>
<div id="fsvs-body">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
</div>
</body>
</html>
3. JAVASCRIPT
$(document).ready( function() {
// The HTML tag must have a class of fsvs
var fsvs = $.fn.fsvs({
speed : 1000
});
});
4. OPTIONS
$(document).ready( function() {
var fsvs = $.fn.fsvs({
speed : 5000,
bodyID : 'fsvs-body',
selector : '> .slide',
mouseSwipeDisance : 40,
afterSlide : function(){},
beforeSlide : function(){},
endSlide : function(){},
mouseWheelEvents : true,
mouseDragEvents : true,
touchEvents : true,
arrowKeyEvents : true,
pagination : true,
nthClasses : false,
detectHash : true
});
});
JS Tutorial
