• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 滚动图片 >  最常见的flash图片轮播正文

最常见的flash图片轮播效果,兼容各种浏览器

作者:我爱模版网
大小:0.208MB
点击次数:
发布时间:2014-02-14 14:26
分享到:

特效介绍

最常见最通用的企业网站首页图片轮播
最常见的flash图片轮播效果之一,经常被引用于各种企业站,可随心所欲设置轮播大小,有十几种图片切换效果,兼容各种浏览器。

使用方法

把以下代码拷贝到你想引用的地方
<script type=text/javascript>
var pic_width=716; //图片宽度
var pic_height=266; //图片高度
var button_pos=3; //按扭位置 1左 2右 3上 4下
var stop_time=5000; //图片停留时间(1000为1秒钟)
var show_text=0; //是否显示文字标签 1显示 0不显示
var txtcolor="ffffff"; //文字色
var bgcolor="DDDDDD"; //背景色
var imag=new Array();
var link=new Array();
var text=new Array();
imag[1]="images/1.jpg";
link[1]="http://www.5imoban.net/";
text[1]="这里是图片描述";
imag[2]="images/2.jpg";
link[2]="http://www.5imoban.net/";
text[2]="这里是图片描述";
imag[3]="images/3.jpg";
link[3]="http://www.5imoban.net/";
text[3]="这里是图片描述";
imag[4]="images/4.jpg";
link[4]="http://www.5imoban.net/";
text[4]="这里是图片描述";
var swf_height=show_text==1?pic_height+20:pic_height;
var pics="", links="", texts="";
for(var i=1; i<imag.length; i++){
    pics=pics+("|"+imag[i]);
    links=links+("|"+link[i]);
    texts=texts+("|"+text[i]);
}
pics=pics.substring(1);
links=links.substring(1);
texts=texts.substring(1);
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=6,0,0,0" width="'+ pic_width +'" height="'+ swf_height +'">');
document.write('<param name="movie" value="flash/focus.swf">');
document.write('<param name="quality" value="high"><param name="wmode" value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'">');
document.write('<embed src="flash/focus.swf" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'" quality="high" width="'+ pic_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
</script>
参数说明:
pic_width 图片宽度,后面不要PX
pic_height 图片宽度,后面不要PX
button_pos 按扭位置 1左 2右 3上 4下
stop_time 图片停留时间(毫秒)
show_text 是否显示文字标签 1显示 0不显示
txtcolor 文字色
bgcolor 背景色

imag[1] 图片地址
link[1] 图片链接地址
text[1] 图片描述
  • 本文标签:
  • 最,常见,的,flash,图片,轮播,效果,兼容,各种,最,
带左右箭头的JS图片无缝滚动
flash+jquery经典网页图片滑动轮播,兼容IE6,附带flash源文件