Bootstrap响应式全屏轮播插件

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

63296 596 查看评论 (41)

分享到微信朋友圈

查看演示立即下载

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

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

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

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

它的特点还有：

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

自适应PC,pad，手机。

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

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

轮播图片可增加。

支持分页导航圆点。

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

6种CSS3加载动画

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

原生js轮播图插件Image Slider

原生js轮播图插件Image Slider 提供8种轮播特效，轻量级只有16k.

幻灯片和轮播图

43586 363

3D图片轮播

带倒影效果的3D轮播图效果插件

幻灯片和轮播图

44518 458

带缩略图的图片点击切换

jCarousel带缩略图的图片点击切换插件

幻灯片和轮播图

34497 370

带缩略图和左右箭头轮播的jquery幻灯片相册特效代码

幻灯片和轮播图

45537 591

讨论这个项目（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

还是有问题。。