适用于Flash的大量替代HTML?

时间:2011-04-02 05:01:16

标签: javascript html flash

我有一个flash视频(swf),我想在我的主页上显示。但是,对于那些没有闪光灯的人,我想显示一个html滑块。我该怎么做? 这是我想要显示的滑块的代码,如果闪光灯不可用

<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>

1 个答案:

答案 0 :(得分:2)

由于你已经在使用jQuery,你可以使用jQuery version of SWFObject,如果检测到闪存,它会用flash替换div滑块。

如果检测到闪存,它会将变量设置为true,因此可以执行以下操作:

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

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