jQuery旋转木马幻灯片插件poster.js

所属分类：媒体-幻灯片和轮播图

38476 379 查看评论 (62)

分享到微信朋友圈

查看演示立即下载

插件描述：实现兼容IE8以上浏览器并支持响应式、幻灯片轮播效果，可自动播放。轻量级幻灯片插件。

更新时间：2018/2/27 上午9:00:05

更新说明：添加插件陈述

更新时间：2018/2/26 上午9:06:07

更新说明：

1. 添加了可点击当前图片切换
2. 修改样式
3. 代码修复

更新时间：2018/2/2 下午6:07:27

更新说明：1.命名规范. 2.添加页面信息

更新时间：2018/1/22 上午10:54:52

更新说明：

修复了自动播放BUG添加插件的API与点击事件修改了UI的展示效果与多个展示出现报错的问题

属性列表	描述	类型	默认值
width	幻灯片总宽度	Number	800
height	幻灯片总高度		234
postWidth	第一帧图片宽度		600
postHeight	第一帧图片高度		234
scale	每一帧的缩放比例		0.9
speed	幻灯片跳转的速度		500
verticalAlign	布局方式（top:上、middle:中、bottom:下）	String	middle
autoPlay	是否自动播放	Boolean	false
delay	幻灯片自动播放的间隔时间	Number	5000
afterClickBtnFn	自带参数i:代表当前的图片索引值 ,afterClickBtnFn :function(i){ }	Function	Null

API	说明	使用方式
init	初始化	var api = $(el).poster(setting).data( "poster" ); api.init();
destroy	销毁	同上
hide	隐藏	同上
show	显示	同上

更新时间：2017/12/11 下午2:28:12

更新说明：更新了能够兼容IE7 IE6

更新时间：2017/12/1 上午9:44:59

更新说明：

1. 默认参数添加了 isOddShow 用于偶数时是否复制一张，默认是需要复制防止错位

2. 更为实用jquery的$(".poster-main").poster(setting); 引用