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

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

 2931  11  查看评论 (4)
基于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,//是否自动播放
});

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

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

jquery超炫3D自动旋转点击图片轮播图片切换焦点图

jquery超炫3D自动旋转点击图片轮播图片切换焦点图
  幻灯片和轮播图
 37587  222

可嵌入图片全屏滑动

可嵌入图片视频jQuery全屏滑块
  幻灯片和轮播图
 9068  133

jQuery游戏人物轮播切换效果

jQuery游戏人物轮播切换效果,基于slick幻灯片插件制作的一款背景图片切换效果。
  幻灯片和轮播图
 9524  88

jQuery3D轮播效果

jQuery多个3D环绕滚动效果
  幻灯片和轮播图
 9597  45

讨论这个项目(4)回答他人问题或分享插件使用方法奖励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;}
        我只有你一个吖1
        2018/1/22 13:29:10

        你好,在源码carousel.js中把下列代码

        for(var i = 1;i <= list.length;i++){
        	$(indexContainer).append("<li>"+i+"</li>")
        }

        修改为

        for(var i = 1;i <= list.length;i++){
        	$(indexContainer).append("<li></li>")
        }

        就没有数字了

    回复
取消回复