一个仿阴阳师官网轮播图效果的jQuery插件 该轮播图效果为切换轮播图时利用CSS3D旋转实现的效果。 ps:由于本插件使用了大量CSS3属性,对于低版本浏览器(如ie9以下版本等不支持CSS3属性的浏览器)不兼容。
首页 /  web前端 /  JavaScript /  jQuery特效 / 图片轮播高仿阴阳师官网轮播图效果的jQuery插件

0 74 2057

图片轮播高仿阴阳师官网轮播图效果的jQuery插件

一个仿阴阳师官网轮播图效果的jQuery插件 该轮播图效果为切换轮播图时利用CSS3D旋转实现的效果。 ps:由于本插件使用了大量CSS3属性,对于低版本浏览器(如ie9以下版本等不支持CSS3属性的浏览器)不兼容。

图片轮播高仿阴阳师官网轮播图效果的jQuery插件_图一

使用方法

调用轮播插件:
Html:
<div class="gallery_container"></div>
Javascript:
$(".gallery_container").gallery_slider({
  imgNum: 4, //轮播图数量至少为4张
  imgArr: [
    'images/xxx.jpg',
    'images/xxx.jpg',
    'images/xxx.jpg',
    'images/xxx.jpg'
  ]
});

关于作者

作者:弦云孤赫(David Yang)
职业:web前端开发工程师
爱好:网游、音乐(吉他)
主页:http://www.yangyunhe.me/
github:http://github.com/yangyunhe369/
下载所需:0 金币 下载 演示

[来源] http://www.yangyunhe.me/2017/jquery-yysSlider/

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

容若 2017-09-29 12:31
10
送花
20积分一朵