360浏览器无法正常显示flash轮播图片效果

2025-04-24 11:24:49

最近在做网站项目时遇到了一个问题，在网站首页做了一个flash图片轮播效果，

（1）源代码如下：

<!-- //只是修改了如下代码关于焦点图播放器

var focus_width=958

var focus_height=330

var text_height=0

var swf_height = focus_height+text_height

var links=''

var texts=''

document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">'); document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="pixviewer.swf">

<param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">'); document.write('<param name="menu" value="false"><param name=wmode value="opaque">'); document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');

document.write('<embed src="pixviewer.swf" wmode="opaque" scale=exactfit FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="0" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');

//--> </script></DIV>

自己在本机测试时用的浏览器是360安全浏览器6.0，默认的模式是兼容模式，轮播图片可以正常显示，

图片如下（6张轮播图片的第一张）：

（2）网站上线测试后，有部分同事在访问网站时轮播图片区域无法正常显示，为一片空白，浏览器也无任何提示；

图片如下：

中间红色框区域本来是图片轮播动画，现在是一片空白！！

（3）最开始考虑的是源代码有问题，把上面的代码反复看了又看，还是没有发现问题所在，下班回家后用自己的笔记本再次访问网站，笔记本的浏览器是360安全浏览器6.1，默认的模式是极速模式，轮播图片区域也无法正常显示，网站头部banner区域为一片空白，觉得这样用户体验不好，按照分步解决问题的办法，给整个放动画的div加了一个灰色的背景，代码如下：

.js_box{ /*整个轮播动画的div*/

margin:0px auto;/*flash轮播图片效果*/

background-color:#CCC; /*整个轮播动画div的背景颜色*/}

这样的话，用360极速模式浏览，灰色色块可以显示，但flash图片轮播效果仍然无法显示！

图片如下：

（4）极速模式下背景颜色可以显示，兼容模式下可以正常显示轮播动画，但是我们不能强制所有浏览网站的访问者都用兼容模式，为了进一步提高用户体验，我用PHOTOSHOP软件做了一张提示图,用来提示用户切换浏览模式；

图片如下：

用语比较调皮、通俗，毕竟我们是要求浏览者来切浏览器模式，如果不注意语气，可能会导致浏览者直接关掉页面走人，一切为了用户体验！！

这张提示图是用背景图片的方式来做的，css代码如下：

.js_box{

margin:0px auto;/*flash轮播图片效果*/

background:url(../images/tishi.png);/*处理浏览者使用360安全浏览器6.1时出现的一片空白问题，图片提示切换到兼容模式*/

background-color:#CCC;/*处理浏览者使用360安全浏览器6.1时出现的一片空白问题，背景灰色*/

}

（5）最终效果，在360安全浏览器6.1极速模式下，网站banner区域有一个切换浏览模式的提示；

图片如下:

浏览者看了这个提示，切换浏览模式，即可看到正常的flash动画轮播效果。

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。