Альтернативное изображение, когда флэш-баннер недоступен ИСПОЛЬЗУЯ HTML / CSS?

Question

Я ищу решение моей проблемы, у меня есть сайт, который я создал для клиента с изображением заголовка флэш-памяти, единственная проблема в том, что он зашел на черновик сайта на своем iPhone и был отложен тот факт, что он не отображал изображение головы, как это было на iPhone (что, как мы знаем, не радует!). Кроме того, мне в любом случае это понадобится, если у посетителя отключена или удалена вспышка (я предоставил обычную ссылку «установить вспышку», когда вспышка не отображается).

Есть ли способ, которым я могу сделать это только с помощью HTML / CSS, или мне придется использовать JS или что-то подобное?

Я пытался добавить теги, но это ничего не делает.

Вот мой код, если это кому-нибудь поможет:).

<div id="container">
<div id="header"><a href="index.html"><img src="images/logo.jpg" width="214" height="50" alt="Tom Frost - Personel Trainer in Leeds, West Yorkshire" style="border:none;"/></a></div>
<div id="navigation">
<ul id="nav">
<li><a href="index.html" id="index">Home</a></li>
<li><a href="about.html" id="menu-about">About</a></li>
<li><a href="services.html" id="menu-services">Services</a></li>
<li><a href="testimonials.html" id="menu-test">Testimonials</a></li>
<li><a href="/blog/" id="menu-blog">Blog</a></li>
<li><a href="articles.html" id="menu-articles">Articles</a></li>
<li><a href="contact.html" id="menu-contact">Contact</a></li>        
</ul>
</div>
<div id="title_box">
<embed src="images/flash.swf" 
quality="high" 
pluginspage="http://get.adobe.com/flashplayer/" 
type="application/x-shockwave-flash" 
width="960" height="450" 
alt="images/header.jpg">
</embed></div>`

Очевидно, что мое flash-изображение находится в блоке title_box.

Спасибо за ваши ответы заранее, я осмотрел сайт, но не смог найти html-ответ на этот вопрос. Если js - единственный способ, то простая ссылка на ответ на этом сайте или учебник о том, как это сделать, - все, что мне нужно.

Спасибо.

Answer 1

Если вы включаете флэш-изображение, используя тег object вместо embed, вы можете поместить запасной контент внутри тегов. Некоторая межбраузерная разметка объяснена на http://www.alistapart.com/articles/flashsatay. Суть этого:

<object type="application/x-shockwave-flash" 
        data="images/flash.swf" 
        width="450" height="960">
  <param name="movie" value="images/flash.swf" />
  <img src="images/header.jpg" />
</object>

Answer 2

Вы можете использовать <noembed>..</noembed>, хотя это немного устарело.Лучшим решением является использование тега и вставка альтернативного содержимого в содержимое объекта, например, так:

 <object>
     <param name="" value="" /> 
     <!-- more params... -->
     <img src="images/noflash.png" />
 </object>

Другой способ заключается в использовании автоматически сгенерированного сценария flash для определения игрока, хотя это требует пониманияэто немного, во-первых.