页面图片flash切换的实现

最新推荐文章于 2010-12-03 09:16:00 发布

lovelyhermione

最新推荐文章于 2010-12-03 09:16:00 发布

阅读量1.6k

点赞数

分类专栏： Js/Ajax/Jquery/Ext 文章标签： flash url menu object jsp c

本文链接：https://blog.csdn.net/lovelyhermione/article/details/4457492

版权

Js/Ajax/Jquery/Ext 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

最近做了个图片的flash切换，就是网站普遍使用的右下角是1-5数字，点击数字图片跟着切换，为什么叫flash切换呢，因为我们在jsp页面中引了一个swf文件 :D 。以下是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>