javascript - 如何使用 localscroll.js 进行水平导航

Question

我想在我的投资组合中使用本地滚动进行水平导航。这是不同图片的画廊。

所以我有一个 (div id="project") 带有这样的链接:

<div id="projects">

    <ul id="content-slider-inside"> 
        <li id="one" class="pictures"><img src="images/paulotlet1.JPG"     alt="paulotlet1" width="620" height="415" /></li> 
        <li id="two" class="pictures"><img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /></li> 
        <li id="three" class="pictures"><img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /></li> 
        <li id="four" class="pictures"><img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /></li> 
        <li id="five" class="pictures"><img src="images/paulotlet1.JPG" alt="paulotlet1" width="620" height="415" /></li> 


</div> <!-- END PROJECTS -->

我想做一个动画，当你点击一个小箭头或键盘上的一个键时，滚动会转到 (div id="projects") 的下一个 (li class='pictures')

非常感谢

Answer 1

查看演示以获取更多信息:http://demos.flesler.com/jquery/serialScroll/和 http://demos.flesler.com/jquery/localScroll/