2011-05-13 74 views
0

我想用本地滾動對我的投資組合執行水平導航。 這是一個不同圖片的畫廊。如何使用localscroll.js進行水平導航

所以我有一個(DIV ID =「項目」)與這樣的鏈接:

<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 = 「項目」)

非常感謝

回答

0

應該是這樣的:

$('ul#content-slider-inside').localScroll({ 
    target:'#projects', 
    axis:'x' 

}); 

確保您ul擁有財產display:inline;

+0

感謝您的答案,但我是個初學者,我不明白怎麼能我使用鍵盤的鍵? – nico 2011-05-13 12:03:38

+0

你指的是哪個鍵? – tcnarss 2011-05-13 12:41:52