js实现图片flash切换

最近做了个图片的flash切换，就是网站普遍使用的右下角是1-5数字，点击数字图片跟着切换，为什么叫flash切换呢，因为我们在jsp页面中引了一个swf文件  。以下是js代码：其中imgUrl是指图片的url地址、imgtext是指图片下面显示的文字、imgLink是点击图片时的链接。
<script type="text/javascript">
                        var pics="";
                        var links="";
                        var texts="";
                      </script>
                      <logic:iterate id="articlePicObj" name="clubForm" property="articleHavePic" indexId="index">
                      <script type="text/javascript">
imgUrl${index+1}='${articlePicObj.newsPic}';
imgtext${index+1}='${articlePicObj.title}';
imgLink${index+1}=escape("<c:url value='/html/cms/article/modify.ao?method=articleDetail&vo.id='/>"+"${articlePicObj.id}");
pics=pics+imgUrl${index+1}+"|";
links=links+imgLink${index+1}+"|";
texts=texts+imgtext${index+1}+"|";
</script>
                      </logic:iterate>
                      <script type="text/javascript">
var focus_width=120
var focus_height=100
var text_height=18
var swf_height = focus_height+text_height
pics=pics.substring(0,pics.length-1);
links=links.substring(0,links.length-1);
texts=texts.substring(0,texts.length-1);
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="<c:url value='/js/focus1.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="<c:url value='/js/focus1.swf'/>" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>');
</script>

评论

2 楼 llh13610 2009-07-13  

支持呀。。
document.write('<embed src="<c:url value='/js/focus1.swf'/>" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'

这些就是为了火狐写的

1 楼 mengqingyu 2009-07-10  

不支持火狐。。。。。