flash图片轮换效果（一）

本例是将图片加入flash实现图片轮换效果，图片可加链接和广告统计信息，点击图片则跳转到指定页面。

 

下面来看下代码。

 

html代码：

 

<script type="text/javascript">
  var dataAry = new Array();
  dataAry.push({
    pic : 'images/1.jpg',
    link : 'http://google.cn'});
  dataAry.push({
    pic : 'images/2.jpg',
    link : 'http://google.cn'});
  dataAry.push({
    pic : 'images/3.jpg',
    link : 'http://google.cn'});
</script>

<%= javascript_include_tag 'slider_show/play' %>

 

JS代码：

 

function showFocusImg(pics, links, adStatic) {
    var swf_width = 345;
    var swf_height = 250;

    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="'+ swf_width +'" height="'+ swf_height +'">');
    document.write('<param name="movie" value="/javascripts/slider_show/slider.swf"><param name="quality" value="high">');
    document.write('<param name="menu" value="false"><param name="wmode" value="opaque"><param name="allowScriptAccess" value="always">');
    document.write('<param name="FlashVars" value="bcastr_file='+pics+'&bcastr_link='+links+'&adStatic='+adStatic+'">');
    document.write('<embed src="/javascripts/slider_show/slider.swf" wmode="opaque" FlashVars="bcastr_file='+pics+'&bcastr_link='+links+'&adStatic='+adStatic+'&menu=false" quality="high" allowScriptAccess="always"  width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
    document.write('</object>');
}

var pics = "";       #图片地址串
var links = "";      #图片链接串
var adStatics = "";  #广告统计信息串

var len=dataAry.length;
for(var i = 0;i < len;i++){
    var splits = "|";
    if(i >= len - 1){
        splits = "";
    }
    pics += dataAry[i]["pic"] + splits;
    links += dataAry[i]["link"] + splits;
    adStatics += dataAry[i]["adStatic"] + splits;
}

showFocusImg(pics, links, adStatics);  #方法调用生成焦点图flash

 

具体效果请参见附件。

评论

2 楼 jssay 2009-12-28  

我也不懂ruby,搞简单一点show给我们看看.

1 楼 Snow_Young 2009-12-28  

首先你在JavaScript版里面放了一个ruby的附件，我不懂ruby，打开压缩包就很迷茫，你的具体效果在哪里？我只是想看看，和我用纯JavaScript写的有啥分别。

你确定没有上错文件？