잠시 동안 마지막 질문입니다!scrollTo를 사용하여 x 축을 따라 이동
나는 수평 포트홀리로 사이트를 만들고 있으며 사용자가 이미지를 쓸어 넘기 위해 다음/이전 스타일 탐색을 만들 때 scrollTo 플러그인을 사용하여 도움을 찾고 있습니다.
<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를은 다음과 같습니다 :
내 HTML은 #forward 또는 #back을 클릭하면
$('#forward').click(function() {
$('table#work tr').stop().scrollTo('+=636', 800, {axis:'x'});
});
$('#back').click(function() {
$('table#work tr').stop().scrollTo('-=636', 800, {axis:'x'});
});
불행하게도 테이블 그럴 필요가 이동하지 않습니다.
아무도 아이디어가 없습니까?
추가 정보 - 고정 폭이없는 동적 수평 사이트에서 모범 사례로 사용되므로 표가 사용됩니다.
감사합니다, 나는 포기하지 않았다 - 단지 대안을 알아 냈어 모든 것을 작동시키는 방법. 그래도 도움을 주셔서 감사합니다. – DanC