Monday, September 30, 2013

jQuery Touch Screen Effect Image Slider - Mouse Press and Move

As the People started using Touch Screen devices, More than half of the Traffic now comes from Touch Screen Devices. It is important to have Image Slider having same effect on Computer screen.


Download Demo view-source

<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
<script type='text/javascript' src='http://smoothdivscroll.com/js/jquery-ui-1.8.23.custom.min.js'></script>
<script type='text/javascript' src='http://smoothdivscroll.com/js/jquery.mousewheel.min.js'></script>
<script src="http://smoothdivscroll.com/js/jquery.smoothdivscroll-1.3-min.js"></script>
<script src="http://smoothdivscroll.com/js/jquery.kinetic.js"></script>

<script type="text/javascript">
    // Initialize the plugin with no custom options
    $(document).ready(function () {
        $("#makeMeScrollable").smoothDivScroll({
            hotSpotScrolling: false,
            touchScrolling: true,
            manualContinuousScrolling: true,
            mousewheelScrolling: false
        });
    });
</script>

0 comments:

Post a Comment