• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 滚动图片 >  只要引入一个js文件即正文

只要引入一个js文件即可实现图片轮播的幻灯图片特效

作者:网页模板
大小:0MB
点击次数:
发布时间:2014-02-18 12:11
分享到:

特效介绍

只要引入一个js文件即可实现图片轮播的幻灯图片特效,兼容主流浏览器。


使用方法

1、将下载解压后flash.js,放到js文件夹。gg.swf文件放到image文件夹

2、在需要播放幻灯的地方,引入flash.js即可。

参数说明:

var pic_width=580; //图片宽度
var pic_height=386; //图片高度
var button_pos=4; //按扭位置 1左 2右 3上 4下
var stop_time=4000; //图片停留时间(1000为1秒钟)
var show_text=0; //是否显示文字标签 1显示 0不显示
var txtcolor=""; //文字色
var bgcolor=" #660000"; //背景色
var imag=new Array();
var link=new Array();
var text=new Array();
imag[1]="image/01.jpg";
link[1]="";
text[1]="标题 1";
imag[2]="image/02.jpg";
link[2]="";
text[2]="标题 2";
imag[3]="image/03.jpg";
link[3]="";
text[3]="标题 3";
可扩展更多图片,即在“text[3]="标题 3";”追加。注意参数。如果像更改swf的位置,在js文件找到下面的代码,更改image即可:

<param name="movie" value="image/gg.swf">

<embed src="image/gg.swf"

  • 本文标签:
  • js图片轮播,js幻灯图片
html5背景晃动的带产品预览图和产品描述的jquery首页轮播效果
非常个性的弧形按钮js焦点图片轮播特效