jQuery图片播放器 1.3
采用jQuery实现的一款使用简单、具有多播放效果的网页图片播放器(jquery.fn.imgplayer),适合UI设计或对前端技术感兴趣的人群。
特性
- 使用简单,仅需您知道HTML知识;
- 实现代码完全插件化,和表现层完全解耦合,简洁而优美;
- 无图片数量限制,可播放任意数量的图片;
- 可方便灵活地配置播放的动画效果,共32×8种,预览;
- 可随心所欲地改变播放器的样式;
- 采用UL的布局和img元素title属性作为标题,对搜索引擎支持友好;
- 支持切片播放和容器播放的事件扩展;
- 多浏览器支持:IE6+、FF、Chrome;
下载
使用它
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.fn.imgplayer.js"></script>
<script type="text/javascript">
$("#imgplayer_container_id").player().play(); //.player为jQuery扩展的方法,用来实例化一个容器为播放器
</script>
DEMO
参数和方法
依赖脚本库
版本更新
- jquery.fn.imgplayer 1.3(更新时间:2012-06-19):
- 新增了标题栏显示开关,默认显示,可隐藏标题栏的功能;
- 新增了animate属性,新增了动画效果;
- 新增了可修改标题栏位置的功能;
- 优化了参数的命名,player,play等;
- 优化了容器一些基本的样式,修改了切换按钮的样式;
- 优化了容器样式的继承等特性,可随心所欲地定义容器样式,例如去容器边框(默认有边框);
- 优化了随机动画的功能;
- 修改了1.2版本中容器样式的Bug;
- jquery.fn.imgplayer 1.2(更新时间:2010-02-24):
- 修改了标题栏右侧冲出容器的bug;
- 添加了duration参数,可自定义图片动画效果时间;
- jquery.fn.imgplayer 1.1(更新时间:2009-09-23):
- 修改了鼠标停留播放器和序号标签上图片继续播放的问题;
欢迎技术交流和讨论
作者:笑的自然
联系我:xingxiudong@gmail.com
DEMO素材采自:新浪图库