我的漫漫程序之旅

专注于JavaWeb开发
随笔 - 39, 文章 - 310, 评论 - 411, 引用 - 0

导航

<2008年7月>
293012345
6789101112
13141516171819
20212223242526
272829303112
3456789

常用链接

留言簿(39)

随笔档案(43)

文章分类(304)

文章档案(257)

搜索

  •  

最新评论

阅读排行榜

评论排行榜

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 々上善若水々 阅读(4399) 评论(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 | 々上善若水々

只有注册用户登录后才能发表评论。


网站导航: