Обжал фотку до 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> |
Идею понял не сразу, вернее не понял, что же нужно было сделать в результате.
Перечитал :) — сообразил.
Реализация неплохая, только как совет, наверное нужно сделать небольшую картинку, которая изображает финальный результат (ну или изюминку идеи).
В общем — отлично.
спасибо, думал как-нибудь это показать визуально — но пока не придумал как бы это сделать, чтобы было понятно :) буду как-нибудь исправляться :)
Хорошая идея, использую нечто подобное при работе со скриптами корзины, использующими ajax. Классические прелоадеры для этой цели сложноваты.