HTML: Картинка вместо SWF

Nachtvolk · 21.03.2011, 03:21

Есть одна интересная задачка, которую скоро предстоит решить, а пока хотелось бы обсудить решения.

Итак, имеется HTML-страница с SWF-роликом средней тяжести. На время загрузки необходимо поставить вместо ролика изображение (для тех, у кого низкая скорость загрузки) - так, чтобы ролик отобразился только после полной загрузки.

Варианты?

mooncar · 21.03.2011, 03:39

Решение простое.
Два блока. Во внешний блок фоном кладем картинку, во внутренний внедряем флешку в режиме transparent.

Примеры. Особенность - фон внешнего блока повторяет первый слайд во флешке и переход к флешке не заметен.

Пример 1, в контексте сайта.
http://www.armoterm.ru/

Пример 2. Сферический пример в вакууме (ничего лишнего):
http://vesta-s.ru/test/shkaf3/top.htm
Подождать подольше, слайды потяжелее.

См. исходный HTML-код, думаю, вопросов не возникнет.

В самой флешке на сцене нет ничего до полной загрузки всех слайдов в память.
Был еще вариант с началом показа флешки без того, чтобы дождаться конца загрузки всего материала.
Это уж как душеньке угодно.

Если поиграть с позиционированием и z-индексами, то картинку можно и не фоном, а обычным <img>.

Nachtvolk · 21.03.2011, 03:54

Хм, ну да - http://vesta-s.ru/test/shkaf3/top.htm - проще некуда. Спасибо.

Цитата:

Сообщение от mooncar

Если поиграть с позиционированием и z-индексами, то картинку можно и не фоном, а обычным <img>.

Ну... Мне всегда нравилось верстать в стиле style="background:url(img/slide01.jpg)" - оно гораздо надёжнее position и z-index`ов.