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

Question

我正在寻找解决我的问题的方法，我有一个为客户创建的网站，该网站具有 Flash 标题图像，唯一的问题是他在他的 iPhone 上访问了该网站的草稿，但被推迟了事实上它没有显示任何头像，因为它是 iPhone(我们知道这不是 flash 快乐!)。此外，无论如何我都需要这个，以防访问者关闭或卸载 Flash(当未显示 Flash 时，我提供了通常的“安装 Flash”链接)。

有没有一种方法可以只使用 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 标签而不是 embed 包含 flash 图像，您可以将后备内容放入标签内。在 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>