Как я могу прокрутить встроенный неупорядоченный список изображений в div, который является шириной страницы? (JQuery) - PullRequest
0 голосов
/ 02 июля 2010

У меня есть "полоса" в верхней части моей страницы, высота 100px и размер страницы 100%.

У меня есть неупорядоченный список изображений, отображаемых в нем в строке 80x80 (отступ по 10px вокруг), и яЯ испробовал несколько способов отображения «большего» количества изображений, чем умещалось на экране, оборачивая их несколькими строками или прокручивая.

Я бы предпочел, чтобы на каждой стороне было что-то простое и изящное, и я мог бы щелкнуть, чтобы получить егопрокручивайте еще одно изображение при каждом щелчке мыши или наводите курсор на «кнопку», чтобы она непрерывно прокручивалась.

ОБНОВЛЕНИЕ: я работал с JCarousel, но затем решил, что предпочел бы написать его целиком самостоятельно.

В настоящее время у меня есть работающая система, в которой я могу нажать на кнопку с любой стороны экрана, чтобы прокрутить ее влево или вправо на определенную величину.Моя единственная проблема заключается в том, что если я продолжаю нажимать, когда у него заканчиваются элементы для прокрутки, он все равно увеличивает число.Мне нужно убедиться, что он остановится, когда это будет сделано, в противном случае мне нужно будет нажать то же количество раз в противоположном направлении, прежде чем он снова начнет двигаться.

Я попытался сделать это, посчитав количество элементов в моем неупорядоченномсписок, но это не сработало, потому что не всегда одинаковое количество элементов на экране при разных разрешениях и размерах окна, поэтому я не могу разрешить определенное количество кликов в каждом направлении.

Мой следующийвозможность динамически находить ширину экрана и использовать ее для прокрутки, есть идеи?

1 Ответ

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

Если я вас правильно понимаю, этот плагин может помочь. (Для загрузки демонстрационного изображения требуется некоторое время.)

Позволяет прокручивать переполненную область без полос прокрутки. Я использовал его в сочетании с событиями щелчка по перечисленным элементам, и он отлично работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...