... помогут контролировать
изображений.
... предотвращает построчную
Быстрая и плавная загрузка изображений — это одна из немаловажных составляющих хорошего веб-интерфейса. Кроме того, появляется все больше сайтов, использующие крупные фотографии в дизайне, таким проектам особенно важно следить за корректной загрузкой графики. В этой статье описано несколько техник, которые помогут контролировать загрузку изображений.
Использование контейнера для каждого изображения
Простой способ, который можно применить к любому изображению на сайте. Заключается в том, что каждая картинка оборачивается в DIV, который предотвращает построчную загрузку:
<div class="img_wrapper">
<img src="comicbookguy.jpg" alt=""/>
</div>
С помощью контейнера можно контролировать соотношение сторон картинки, а также использовать индикатор загрузки, что очень удобно, если изображения тяжелые. Читать дальше →
... изображений (Пакетная
)». Недавно ... открывшейся форме пакетной
нажмите кнопку ...
Пару недель назад спрашивал о назначении кнопки «Добавить к сообщению» под формой пакетной загрузки. С тех пор кое-что поменялась. Кнопка из белой стала синей.
![](http://img1.liveinternet.ru/images/attach/b/4/103/450/103450329_bottom.jpg)
И теперь она работает. Но ничего не добавляет в сообщение.
Обо всем по порядку.
Пакетная загрузка фотографии в дневнике
1. Чтобы прикрепить к записи сразу несколько фотографий (общим размером до 8 Мб), при создании или редактировании поста нажмите ссылку «Прикрепить несколько изображений (Пакетная загрузка)». Недавно слева от ссылки появилась иконка-фотокамера.
![batch loading (1) (602x402, 90Kb)](http://img1.liveinternet.ru/images/attach/b/4/103/450/103450243_batch_loading__1_.jpg)
2. В открывшейся форме пакетной загрузки нажмите кнопку «Добавить файлы» или перетащите нужные файлы изображений в область формы мышью.
![batch loading (2) (602x402, 62Kb)](http://img0.liveinternet.ru/images/attach/b/4/103/450/103450244_batch_loading__2_.jpg)
3. Выберите файлы на компьютере и нажмите «Открыть».
![batch loading (3) (602x402, 182Kb)](http://img1.liveinternet.ru/images/attach/b/4/103/450/103450245_batch_loading__3_.jpg)
4. Нажмите «Начать закачку». Выберите, какого размера картинки показывать в тексте сообщения, маленькие (150 пикселей) или крупные (700 пикселей). Если ничего не отмечено, то будут показаны крупные.
![batch loading (4) (602x402, 76Kb)](http://img0.liveinternet.ru/images/attach/b/4/103/450/103450246_batch_loading__4_.jpg)
Далее курсивом написано то, что пока делать не надо. Пока не исправлена эта функция.
Нажмите на кнопку «Добавить к сообщению».
![batch loading (5) (602x402, 71Kb)](http://img1.liveinternet.ru/images/attach/b/4/103/450/103450247_batch_loading__5_.jpg)
Кнопка поменяется на «Добавляю».
![batch loading (6) (602x402, 64Kb)](http://img0.liveinternet.ru/images/attach/b/4/103/450/103450248_batch_loading__6_.jpg)
Затем кнопка сообщает: «Готово!»
![batch loading (8) (602x402, 65Kb)](http://img1.liveinternet.ru/images/attach/b/4/103/450/103450251_batch_loading__8_.jpg)
Если нажать кнопку «Опубликовать» или «Сохранить в черновик» при написании поста или «Сохранить изменения» при редактировании, то окажется, что в пост ничего не «добавлено» и ничего не «готово». Поэтому пропускаем всё, что здесь написано курсивом, и переходим после пункта 4 (кнопка «Начать закачку») к пункту 5 (см. ниже).
![batch loading (7) (602x124, 15Kb)](http://img0.liveinternet.ru/images/attach/b/4/103/450/103450250_batch_loading__7_.jpg)
5. После того, как закачка закончится («100%»), нажмите «Опубликовать», «Сохранить в черновик» или «Сохранить изменения». Примечание: можно не нажимать «Начать закачку» (п.3), а сразу нажать «Опубликовать» или подобное — начнется закачку. После этого нажмите «Опубликовать» или подобное второй раз.
![batch loading (9) (602x402, 78Kb)](http://img0.liveinternet.ru/images/attach/b/4/103/450/103450252_batch_loading__9_.jpg)
6. После публикации (сохранения) в посте появятся пронумерованные загруженные изображения.
![batch loading (10) (602x576, 47Kb)](http://img1.liveinternet.ru/images/attach/b/4/103/450/103450253_batch_loading__10_.jpg)
laquo;Готово!
... задумывается над скоростью
своего сайта. Как ... с помощью уменьшения
сайта? ...
Автор: Шляхов Андрей, Книга: Фаина Раневская. Любовь одинокой насмешницы, Жанр: биография, Издание: ...