基于jquery轮播图插件(简单实现)(原创)

基于jquery轮播图插件(简单实现)(原创)

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

 2794  11  查看评论 (3)
基于jquery轮播图插件(简单实现)(原创) ie兼容8

使用方法

发布时间:2018-1-11 1:01

只需要引用以下文件

<script type="text/javascript" src="./scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="./scripts/carousel.js"></script>

调用方法

$(".carousel-content").carousel({
	carousel : ".carousel",//轮播图容器
	indexContainer : ".img-index",//下标容器
	prev : ".carousel-prev",//左按钮
	next : ".carousel-next",//右按钮
	timing : 5000,//自动播放间隔
	animateTime : 800,//动画时间
	auto : true,//是否自动播放
});

引入插件并简单配置即可使用!

相关插件-幻灯片和轮播图

图片点击查看更多图片

仿京东,天猫商品详情 图片点击查看更多图片
  幻灯片和轮播图
 5155  14

jQuery左右全屏焦点图

jQuery左右全屏焦点图,兼容ie6
  幻灯片和轮播图
 6461  40

jQuery 3D旋转轮播jquery.roundabout.js

3D轮播图,每张图都有标题,并且可以附加链接,点击最上层的图片可跳转对应的链接
  幻灯片和轮播图
 16223  118

jquery仿QQ音乐精彩推荐的数组方式轮播

这个是通过数组的原理实现的改变数组的排序元素的class也随之更改产生轮播的效果(代码注释很全,修改方便)
  幻灯片和轮播图
 12364  129

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币

    唐大仙 0
    2018/1/21 9:40:17

    请问下标的1 2 3 4 5 应该怎么去掉啊?

        骚年,努力吧!!!0
        2018/1/21 10:40:52

        找到那个代码,删掉数字不就行了

        microsoftvs0
        2018/1/21 11:07:49
        .img-index{display: none;}
    回复
取消回复