Response title
This is preview!
<script type="text/javascript">
$(function() {
$("div#makeMeScrollable").smoothDivScroll({scrollingSpeed: 12, mouseDownSpeedBooster: 3, autoScroll: "onstart", autoScrollDirection: "endlessloop", autoScrollSpeed: 2, visibleHotSpots: "onstart", hotSpotsVisibleTime: 9, startAtElementId: "startAtMe"});
});
</script>
<div id="makeMeScrollable">
<div class="scrollingHotSpotLeft"></div>
<div class="scrollingHotSpotRight"></div>
<div class="scrollWrapper">
<div class="scrollableArea">
<img src="images/demo/image_1.jpg" alt="Demo image" />
<img src="images/demo/image_2.jpg" alt="Demo image" />
<img src="images/demo/image_3.jpg" alt="Demo image" id="startAtMe" />
<img src="images/demo/image_4.jpg" alt="Demo image" />
<img src="images/demo/image_5.jpg" alt="Demo image" />
</div>
</div>
</div>
Rwin wrote:When I set autoScroll to Always:
autoScroll: "always"
it is impossible to use the hotspots to go back. Is this a bug or as designed?
Thanks
is it possible to restart the scrolling after mouse hovering the
arrows?. Now once the hovering , scroll stops.
also how can i reduce the speed of scroll when mouse is hovered the arrows.
© 2013 jQuery Foundation
Sponsored by and others.