我的漫漫程序之旅

专注于JavaWeb开发
随笔 - 39, 文章 - 310, 评论 - 411, 引用 - 0
数据加载中……

Flash图片轮换显示的效果抽取

效果一览:
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>动态图片的显示</title>
    </head>
    <body>
        静态赋值:<br />
        <embed width="260" height="198" 
        pluginspage="http://www.macromedia.com/go/getflashplayer"
         type="application/x-shockwave-flash" quality="high" false="" 
         flashvars="config=1|0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000&bcastr_flie=1.jpg|2.jpg|3.jpg|4.jpg|5.jpg&bcastr_link=http://www.baidu.com|http://www.google.com|http://www.sina.com.cn|http://bbs.crsky.com|http://www.blogjava.net/supercrsky&bcastr_title=百度|谷歌|新浪|霏凡|我的博客&menu=" 
         wmode="opaque" src="focus.swf" />
         
         <script>
                var str = "";
                //图片轮询间隔时间(秒)
                str += "config=5|";
                //下标颜色
                str += "0xffffff|0x0099ff|50|0xffffff|0x0099ff|0x000000";
                //图片位置
                str += "&bcastr_flie=1.jpg|2.jpg|3.jpg|4.jpg|5.jpg";
                //图片链接
                str += "&bcastr_link=http://www.baidu.com|http://www.google.com|http://www.sina.com.cn|http://bbs.crsky.com|http://www.blogjava.net/supercrsky";
                //图片显示文字
                str += "&bcastr_title=百度|谷歌|新浪|霏凡|我的博客&menu=";
            
         </script>
         <hr />
         通过JavaScript赋值: <br />
          <embed width="260" id="s" height="198" 
        pluginspage="http://www.macromedia.com/go/getflashplayer"
         type="application/x-shockwave-flash" quality="high" false="" 
         flashvars="" 
         wmode="opaque" src="focus.swf"/>
         <script>
             var s = document.getElementById("s");
            //s.flashvars = str;
                  s.setAttribute("flashvars", str);
         </script>
         <hr />
         通过查询数据库赋值:
         这里就不写了,把数据取出来后给flashvars=""赋值就行.用EL或标签什么的都行.
         只要注意那几个固定参数的含义就行了.
    </body>
</html>

需要focus.swf我已经打包在源码里了．
源码下载

posted on 2008-07-10 17:20 々上善若水々 阅读(4389) 评论(7)  编辑  收藏

评论

# re: Flash图片轮换显示的效果抽取  回复  更多评论   

点击图片后无法链接到指定地址 firefox3下通过JavaScript动态赋值无效
2008-07-10 19:03 | lvq810

# re: Flash图片轮换显示的效果抽取  回复  更多评论   

楼上的请下载源码再说话,你不下载全了,直接运行html 代码肯定找不到图片啊.

下载源码后可以直接运行,支持FF,IE,Opera等浏览器.均经过测试.

2008-07-10 20:17 | 々上善若水々

# re: Flash图片轮换显示的效果抽取  回复  更多评论   

好东西，先收下，待到用时不恨多。
2008-07-10 21:20 | 隔叶黄莺

# re: Flash图片轮换显示的效果抽取  回复  更多评论   

@々上善若水々
http://i301.photobucket.com/albums/nn59/lvq810/1-1.jpg
这是在IE上的截图 需要在Adobe Flash Player中把.swf文件设置成信任文件
http://i301.photobucket.com/albums/nn59/lvq810/2-1.jpg
这是在Firefox3上的截图 上面的静态赋值和IE一样需要在Adobe Flash Player中把.swf文件设置成信任文件 下面通过js动态赋值的无法显示
2008-07-10 22:09 | lvq810

# re: Flash图片轮换显示的效果抽取  回复  更多评论   

回楼上,IE,FF均不存在需要设置为信任文件问题,我刚试了下没问题.
可能是你的浏览器安全级别设置过高引起的.恢复为默认就不
会提示了.

不过你说的FF3下,JavaScript不能正常显示是对的.我用FF3试了下,
果真JavaScript赋值不成功. Firebug没提示~....
2008-07-10 23:00 | supercrsky

# re: Flash图片轮换显示的效果抽取  回复  更多评论   

把
s.flashvars = str;
改成
s.setAttribute("flashvars", str);
就行了.

FF3,IE6下均测试成功

2008-07-11 11:53 | 々上善若水々

# re: Flash图片轮换显示的效果抽取  回复  更多评论   

下载地址已经更新
2008-07-11 12:30 | 々上善若水々

只有注册用户登录后才能发表评论。
网站导航: