Авторизация Регистрация

Здесь пока все ясно :)

Хелп лист будет формироваться из ваших вопросов.

 

Прелоадер больших изображений — CSS



Обжал фотку до 300 кб — показываться она должна на главной и когда все сверстал получается — прозрачные пиксели из png-24 загрузились, а в середине пустота некоторое время. Поиск максимально простого решения чтобы показать юзеру, что там еще что-то грузится, дал такой результат.

Задача: показать прелоадер пока грузится большая картинка

Прелоадер делаем сами или http://www.ajaxload.info/

прелоадер жырная картинка

1
2
3
4
5
6
7
8
<style type="text/css">
/* Объявляем класс где бэком грузится предзагрузчик и выравнивается по-центру*/
.load { background: url(load.gif) center no-repeat; }
</style>
 
<div class="load">
   <img src="картинко.jpg" alt="айкартинко" />
</div>

Вам также может быть интересным ↓

Создание кисти123

Создание кисти из картинки… Шаг 1 Откройте вашу фотографию или же воспользуйтесь вот этой для проведения урока. Шаг 2 Копируйте слой «background» – используйте CTRL + J на клавиатуре. Новое имя слоя «copy_back». Добавьте еще один слой «blank». Разместите его …

  • 1

  • Автор материала admin

3 комментария на «“Прелоадер больших изображений — CSS”»

  1. Идею понял не сразу, вернее не понял, что же нужно было сделать в результате.
    Перечитал :) — сообразил.
    Реализация неплохая, только как совет, наверное нужно сделать небольшую картинку, которая изображает финальный результат (ну или изюминку идеи).
    В общем — отлично.

  2. спасибо, думал как-нибудь это показать визуально — но пока не придумал как бы это сделать, чтобы было понятно :) буду как-нибудь исправляться :)

  3. Хорошая идея, использую нечто подобное при работе со скриптами корзины, использующими ajax. Классические прелоадеры для этой цели сложноваты.

Добавить комментарий

Редизайнчик

View Results

Loading ... Loading ...