Динамическое количество больших пальцев в зависимости от доступной области на веб-странице - PullRequest
0 голосов
/ 27 июня 2011

Я создаю сайт фотогалереи, и есть страницы для просмотра фотографий со списком миниатюр (да, просто обычный сайт с фотографиями). Проблема в том, что я хочу, чтобы миниатюры заполняли доступное пространство (я знаю, как его получить). На самом деле то, чего я хочу добиться, очень похоже на это: представьте, что у вас есть большое количество (больше, чем позволяет область экрана) миниатюр, и вы установили для overflow-y значение hidden. Большие пальцы просто заполняют пространство, и оно уходит с экрана. Это было бы то, что я хотел бы иметь, если бы большие пальцы внизу не исчезли с экрана. Мне нужно что-то большее, скажем, «динамическое». У меня есть jQuery, но я не смог смоделировать желаемый эффект в моей голове.

Ответы [ 2 ]

0 голосов
/ 07 июля 2011

Хорошо, в любом случае, нашёл путь в это.Я просто загружаю большое количество больших пальцев, устанавливаю overflow-y контейнера thumbs скрытым и с помощью Javascript (на самом деле jQuery), когда меняю размер окна, проверяю, превышает ли верх thumbs + высота его высоту.если это так, я просто прячу этот большой палец, если нет, просто показываю.Отлично работает!

0 голосов
/ 27 июня 2011

Вы должны загружать изображения динамически по мере необходимости для повышения производительности. См. Раздел «Сокращение количества элементов DOM» в Yahoo! Лучшие практики для ускорения вашего сайта . Используйте jQuery, чтобы проверить размер div, в котором вы отображаете изображения. Загрузите достаточно изображений, чтобы заполнить div, а затем загружайте больше изображений на лету по мере необходимости (при изменении размера окна или прокрутки). Мне не совсем ясно, чего вы хотите достичь, поэтому я не могу быть более конкретным, чем это.

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