javascript - 大量替代 Flash 的 HTML？

Question

我有一个 Flash 视频 (swf)，我想在我的主页上显示。但是，对于那些没有闪光灯的人，我想显示一个 html slider 。我该怎么做？这是我想在 Flash 不可用时显示的 slider 的代码

<div id="tab02" class="slider">
      <div>
        <ul>
          <li><a HREF="images/slider1.jpg" class="fancybox"><img SRC="images/slider1.jpg" alt="" /></a></li>
          <li><a HREF="images/slider1.jpg" class="fancybox"><img SRC="images/slider1.jpg" alt="" /></a></li>
          <li><a HREF="images/slider1.jpg" class="fancybox"><img SRC="images/slider1.jpg" alt="" /></a></li>
          <li><a HREF="images/slider1.jpg" class="fancybox"><img SRC="images/slider1.jpg" alt="" /></a></li>
          <li><a HREF="images/slider1.jpg" class="fancybox"><img SRC="images/slider1.jpg" alt="" /></a></li>
          <li><a HREF="images/slider1.jpg" class="fancybox"><img SRC="images/slider1.jpg" alt="" /></a></li>
        </ul>
      </div>
    <script type="text/javascript">
      var pauseWhenImageOpen = false;
    $(function(){
        $(".slider > div").easySlider({ numeric: true, auto:true });

        $("a.fancybox").fancybox({
            onStart     :   function() {
                pauseWhenImageOpen = true;
            },
            onCancel    :   function() {
                pauseWhenImageOpen = false; 
            },
            onComplete  :   function() {
                pauseWhenImageOpen = true;
            },
            onCleanup   :   function() {
                pauseWhenImageOpen = false; 
            },
            onClosed    :   function() {
                pauseWhenImageOpen = false; 
            }
        });

    })(jQuery);

    </script>
    </div>

Answer 1

由于您已经在使用 jQuery，因此可以使用 jQuery version of SWFObject , 如果检测到闪光灯，它将用闪光灯替换 div slider 。

如果检测到闪光灯，它会将一个变量设置为 true，所以可以这样做:

if($.flash.available){
    //do flash
}  else {
   // start slider
}

SWFObject 对于跨浏览器嵌入也非常可靠。