2012-06-22 1 views
0

На моей странице я заполняю довольно много изображений, они не имеют высокого разрешения SUPER, но я суммирую изображения, поэтому у меня нет сохраненных в меньших размерах. Когда я начинаю ставить лоты на странице, он становится вялым. Есть ли что-то, что я могу сделать, чтобы исправить это? Как какое-то сжатие изображения «на лету»?Население веб-страницы с большим количеством изображений, вялая прокрутка.

+0

Можете ли вы сделать разбивку на страницы? – kevin628

+0

Я так не думаю, я думаю, что это слишком сильно уберет от оригинального дизайна. Представьте себе одну из таких «непредвиденных» ситуаций. – Adola

ответ

2

Вы изучали методы ленивой загрузки изображений? http://www.appelsiini.net/projects/lazyload

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

http://ask-leo.com/why_do_some_website_pictures_display_so_slowly.html

+0

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

+2

Вы показываете все свои изображения в полном размере или используете атрибуты 'width' и' height' для их отображения? Возможно, посмотрите на [TimThumb] (http://www.binarymoon.co.uk/projects/timthumb/)? – Wex

+0

Честно говоря, я не знаю, отображаются ли они в полном объеме или нет, они имеют контейнер, в котором они хранятся, имеют ограниченный размер. (Я не знаю, все ли изображение загружено, несмотря на то, что оно не полно). Этот timThumb может быть чем-то, в чем я нуждаюсь. – Adola

0

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

+0

Я согласен, но я не знаю, как получить большие пальцы до фактического получения данных. И кажется, что сценарий TimThumb ниже будет, по крайней мере, сжимать его для повышения производительности. – Adola

+0

Откуда берутся эти изображения? Всегда ли они случайны из какого-то другого источника или вы постоянно используете их? Если это последний, вы можете просто написать какой-нибудь скрипт, чтобы сделать из них большие пальцы, и вы будете использовать их для отображения на странице. Всякий раз, когда кто-то нажимает на миниатюру, будет загружена версия с высоким разрешением. Задача решена. – edwardmp