Html5 scrollbar using images -
i going create html5 javascript app , in want floating scroll of images. want scroll images of a,b,c , want mouse dragging , no scroll bar used. can 1 shed light on this?
<link rel="stylesheet" type="text/css" href="jquery.horizontal.scroll.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script src="jquery.horizontal.scroll.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('#horiz_container_outer').horizontalscroll(); }); </script> /* add necessary html*/ <ul id="horiz_container_outer"> <li id="horiz_container_inner"> <ul id="horiz_container"> <li>image 1</li> <li>image 2</li> <li>image 3</li> <li>image 4</li> <li>image 5</li> </ul> </li> </ul> <div id="scrollbar"> <a id="left_scroll" class="mouseover_left" href="#"></a> <div id="track"> <div id="dragbar"></div> </div> <a id="right_scroll" class="mouseover_right" href="#"></a></div> </div>
you can use this..hope application
Comments
Post a Comment