我的漫漫程序之旅

专注于JavaWeb开发

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 々上善若水々 阅读(988) 评论(7)  编辑  收藏

评论

# re: Flash图片轮换显示的效果抽取 2008-07-10 19:03 lvq810

点击图片后无法链接到指定地址 firefox3下通过JavaScript动态赋值无效  回复  更多评论   

# re: Flash图片轮换显示的效果抽取 2008-07-10 20:17 々上善若水々

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

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

  回复  更多评论   

# re: Flash图片轮换显示的效果抽取 2008-07-10 21:20 隔叶黄莺

好东西,先收下,待到用时不恨多。  回复  更多评论   

# re: Flash图片轮换显示的效果抽取 2008-07-10 22:09 lvq810

@々上善若水々
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动态赋值的无法显示  回复  更多评论   

# re: Flash图片轮换显示的效果抽取 2008-07-10 23:00 supercrsky

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

不过你说的FF3下,JavaScript不能正常显示是对的.我用FF3试了下,
果真JavaScript赋值不成功. Firebug没提示~....  回复  更多评论   

# re: Flash图片轮换显示的效果抽取 2008-07-11 11:53 々上善若水々


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

FF3,IE6下均测试成功

  回复  更多评论   

# re: Flash图片轮换显示的效果抽取 2008-07-11 12:30 々上善若水々

下载地址已经更新  回复  更多评论   


标题  
姓名  
主页
验证码 *  
内容(请不要发表任何与政治相关的内容)  
  登录  使用高级评论  新用户注册  返回页首  恢复上次提交      
该文被作者在 2008-07-11 11:55 编辑过
 
 
相关链接:
网站导航:

导航

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

统计

留言簿(8)

随笔档案(19)

文章分类(268)

文章档案(219)

搜索

最新评论

阅读排行榜

评论排行榜