使用scrollTo沿x軸移動

Question

正確，最後一個問題！

我創建一個水平組合的網站，並正在尋找使用scrollTo插件創建爲用戶的影像輕彈下一首/上式的導航一定的幫助。

我的HTML是：

 <div id="contentRight"> 

     <ul id="direction"> 

      <li id="next"><a id="forward">Next</a></li> 
      <li id="prev"><a id="back">Previous</a></li> 

     </ul> 

     <table id="work"> 

      <tr> 

       <td id="horseOneImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseTwoImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseThreeImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseFourImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseFiveImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseSixImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseSevenImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 
       <td id="horseEightImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td> 

      </tr> 

     </table> 

    </div> 

而且我目前沒有jQuery是：

$('#forward').click(function() { 
    $('table#work tr').stop().scrollTo('+=636', 800, {axis:'x'}); 
}); 
$('#back').click(function() { 
     $('table#work tr').stop().scrollTo('-=636', 800, {axis:'x'}); 
    }); 

不幸被點擊#forward或#back當表TR不動。

任何人有任何想法爲什麼？

對於額外的信息 - 使用表，因爲這似乎是動態水平的網站，是沒有一個固定的寬度最好的做法。

Answer 1

看來，我做的嘗試滾動表時滾動窗口是我真正需要做的錯誤！工作jQuery如下：

$('#forward').click(function() { 
    $.scrollTo('+=560px', 800, { axis:'x' }); 
}); 
$('#back').click(function() { 
    $.scrollTo('-=560px', 800, { axis:'x' }); 
}); 

Answer 2

不要放棄！試試這個，讓我是這樣想你想http://avinash.tk/dan/

就修改以前的信息代碼，看看scrollTo and horizontal tables