Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: предзагрузка картинок
 
 автор: AlexSol   (20.03.2006 в 13:14)   письмо автору
 
 

увидел такую вот предзагрузку http://cssvault.com/2006/01/ - очень понравилось!!! кто-нибудь может растолковать - как это делается. (код я смотрел, javascript есть, но кажется это делает не он. есть подозрение на xml+css )

   
 
 автор: 12345   (20.03.2006 в 13:33)   письмо автору
 
   для: AlexSol   (20.03.2006 в 13:14)
 

Это же просто таблицы в потоке документа. Возможно, в общей таблице с layout:fixed . (Потому что виден процесс загрузки.)

   
 
 автор: AlexSol   (20.03.2006 в 13:37)   письмо автору
 
   для: AlexSol   (20.03.2006 в 13:14)
 

несовсем верно назвал тему.
речь идет о следующем еффекте: пока картинка не загрузилась, на странице виден квадратик, а потом появляется сама картинка.

разобрав css прищел к следующему выводу: для картинок просто указан бордюр, и пока загрузка не произошла формируется квадрат определенного размера (речь про IE 28*30, в который при отсутсвие картинки обозреватель помещает красный крестик), соответственно после загрузки изображения рамка растягивается до нужного размера.

На мой взгляд эффект довольно интересный, но имеет определенные неудобства:
1. атрибуты width height указывать ненадо, а чтобы страница не прыгала стоит поместить картинку внутрь элемента с фиксированной высотой
2. не надо указывать alt - выводите инфу рядом.

по-моему это очень удачное решение для фотогалерей

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования