Bootstrap响应式全屏轮播插件

所属分类：媒体,导航-幻灯片和轮播图,水平导航

63382 596 查看评论 (41)

分享到微信朋友圈

查看演示立即下载

插件描述：该插件使用简单，可以将任何HTML内容转换为自定义的内容

更新时间：2017/4/8 上午11:12:42

更新说明：修复手机端图二显示时菜单按钮无效的BUG

该插件使用简单，可以将任何HTML内容转换为自定义的内容。

它的特点还有：

可以将任何HTML内容转换为自定义的内容。

自适应PC,pad，手机。

PC端页面下拉导航会从透明转换颜色（可自定义）。

pad和手机端菜单导航会成为按钮样式。

轮播图片可增加。

支持分页导航圆点。

Web右键菜单插件web.contextmenu.js

6种CSS3加载动画

相关插件-幻灯片和轮播图,水平导航

jquery无缝切换图片轮播

实现图片轮播

幻灯片和轮播图

174044 439

jQuery带缩略图按钮的图片左右滑动切换焦点图代码

幻灯片和轮播图

37710 358

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件，使用方便简单，只用一句代码自动加载，方便交互

幻灯片和轮播图

63110 378

jQuery门户网站带缩略图相册

jQuery带缩略图相册效，一个不错的相册效果，推荐大家使用哦！

幻灯片和轮播图

47035 445

讨论这个项目（41）回答他人问题或分享插件使用方法奖励jQ币评论用户自律公约

无情明月有情归梦 0

2018/8/19 8:47:58

颖火虫圈圈 0

2018/8/14 11:49:41

2019/1/30 13:12:46

可以

远在天边ぃ1

2022/4/20 21:24:57

三个banner 就改几处数字

$('.hc-banner ol li').click(function() {
    var ddIndex = $(this).index();
    i = ddIndex;
    move();
}) //小圆点控制

i++;
if (i > 2) {
    i = 0;
}

if (i < 3)

if (i == 1) {
    //$('.fst-li').fadeIn(100).siblings().fadeOut(100);
    $('.hc-banner ol li').eq(i).addClass('red').siblings().removeClass('red');
    $('.hc-banner ul li').eq(i).fadeIn(100).siblings().fadeOut();
    $('.hc-fly').animate({
        "height": "45vh",
        opacity: 1
    }, 2000);
}

下面再加一个

if (i == 2) {
    //$('.fst-li').fadeIn(100).siblings().fadeOut(100);
    $('.hc-banner ol li').eq(i).addClass('red').siblings().removeClass('red');
    $('.hc-banner ul li').eq(i).fadeIn(100).siblings().fadeOut();
    $('.hc-fly').animate({
        "height": "45vh",
        opacity: 1
    }, 2000);
}

远在天边ぃ0

2022/4/20 21:29:41

还是有问题。。