Utilisation de scrollTo pour se déplacer le long de l'axe des x

Question

A droite, dernière question pour un moment!

Je crée un site portfolio horizontal et je cherche de l'aide en utilisant le plugin scrollTo pour créer une navigation de style suivant/précédent pour que l'utilisateur parcourt les images.

Mon HTML est:

 <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> 

Et mon courant ne jQuery est:

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

Malheureusement la table tr ne bouge pas lorsque #forward ou #back cliquez dessus.

Quelqu'un a des idées pourquoi?

Pour plus d'informations - la table est utilisée, car elle semble être la meilleure pratique sur les sites horizontaux dynamiques qui n'ont pas de largeur fixe.

Answer 1

Il semble que j'ai fait l'erreur d'essayer de faire défiler la table lorsque le défilement de la fenêtre était ce que j'avais réellement besoin de faire! Le travail jQuery est comme suit:

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

Answer 2

n'abandonnez pas !! essayer et laissez-moi est ce que vous voulez veux http://avinash.tk/dan/

vient de modifier le code dans votre post précédent, consultez scrollTo and horizontal tables