Использование scrollTo для перемещения по оси X - PullRequest
Новая
       3

Использование scrollTo для перемещения по оси X

1 голос
/ 14 июля 2010

Хорошо, последний вопрос на некоторое время!

Я создаю сайт горизонтального портфолио и ищу некоторую помощь с помощью плагина 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'} );
    });

К сожалению, таблица tr не перемещается при нажатии #forward или #back.

У кого-нибудь есть идеи, почему?

Для получения дополнительной информации - таблица используется, так как это представляется наилучшей практикой на динамических горизонтальных участках без фиксированной ширины.

Ответы [ 2 ]

1 голос
/ 14 июля 2010

не сдавайся !!попробуйте это и дайте мне это хотите, вы хотите http://avinash.tk/dan/

Только что изменил код в вашем предыдущем посте, посмотрите scrollTo и горизонтальные таблицы

0 голосов
/ 14 июля 2010

Похоже, что я совершил ошибку, пытаясь прокрутить стол, когда прокрутка окна была тем, что мне действительно нужно было сделать! Работающий jQuery выглядит следующим образом: 

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