使用HTML/CSS时,Flash横幅不可用时的替代图像？

Question

我正在寻找解决我的问题的方法,我有一个我为一个客户端创建的网站,其中包含一个Flash标题图像,唯一的问题是他在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 div中.

提前感谢您的回答,我浏览了一下网站,但找不到一个HTML答案.如果js是唯一的方式,只需要一个简单的链接到这个网站的答案或教程如何做到这一点.

谢谢.

Answer 1

如果您使用object标记包含Flash图像而不是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>