Javascript 引导式证明转盘

请看下一个链接：

我想做的（但不知道如何实现）是让活跃的化身始终处于中心位置。例如，如果第三个化身处于活动状态，则第三个化身将位于中间（位置2），第一个化身将位于位置3，第二个化身将位于位置1

下面是一个小的图形演示：

（想象这是3个化身。绿色的一个当前处于活动状态）

任何人都可以帮助我，或者至少给我一个想法或方向？：）

函数showAvatar（）{
虚拟化身的变量no=3；
var数据=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]；
var起始指数=10；
var msg='Start:'；
start_index=start_index-Math.floor（无化身/2）+data.length；
对于（i=0；i
函数showAvatar（）{
虚拟化身的变量no=3；
var数据=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]；
var起始指数=10；
var msg='Start:'；
start_index=start_index-Math.floor（无化身/2）+data.length；
对于（i=0；i要在引导carousel中实现此行为，需要使用carousel的javascript功能，而不是内联
data-*
属性

以下是您需要的工作示例-


$（文档）.ready（函数（）{
var标志=假；
$（“#quote carousel”）.on（'slide.bs.carousel'，function（）{
如果（！标志）{
var arr=$（'ol.carousel-indicators>li'）；
$（$（'ol.carousel indicators'））。追加（$（'ol.carousel-indicators>li'）[0]）；
$（'.carousel-inner'）.append（$（'.carousel-inner>.item'）[0]）；
}否则{
flag=false；
}
});
$（'quote carousel'）.carousel（）；
$（'.item btn'）。单击（函数（obj）{
flag=true；
var arr=$（'.item btn'）；
var指数=arr指数（目标当前目标）；
var len=阵列长度；
var mid=数学楼层（len/2）；
$（'quote carousel'）。carousel（索引）；
如果（指数中间）{
对于（i=0；i<（索引-中间）；i++）{
$（$（'ol.carousel indicators'））。追加（$（'item btn'）[0]）；
$（'.carousel-inner'）。追加（$（'.item'）[0]）；
}
}
});
$（“.left”）。单击（函数（）{
flag=true；
var arr=$（'ol.carousel-indicators>li'）；
$（$（'ol.carousel indicators'））.prepend（arr[arr.length-1]）；
arr=$（'.carousel-inner>.item'）；
$（'.carousel-inner'）.prepend（arr[arr.length-1]）；
美元（“#报价旋转木马”）。旋转木马（“上一个”）；
});
$（“.right”）。单击（函数（）{
flag=true；
var arr=$（'ol.carousel-indicators>li'）；
$（$（'ol.carousel indicators'））.append（arr[0]）；
arr=$（'.carousel-inner>.item'）；
$（'.carousel-inner'）.append（arr[0]）；
$（“#报价转盘”）。转盘（“下一个”）；
});
})；
/*旋转木马*/
#报价转盘{
填充：0 10px 30px 10px；
边缘顶部：30px；
/*控制按钮*/
/*上一个按钮*/
/*下一个按钮*/
/*更改指示器的位置*/
/*更改指示器的颜色*/
}
#报价转盘。转盘控制{
背景：无；
颜色：#CACACA；
字号：2.3em；
文本阴影：无；
边缘顶部：30px；
}
#报价转盘。转盘控制。左{
左：-60px；
}
#引用carousel.carousel-control.right{
右：-60px；
}
#报价转盘。转盘指示器{
右：50%；
顶部：自动；
底部：0px；
右边距：-19px；
}
#报价转盘。转盘指示器li{
宽度：50px；
高度：50px；
保证金：5px；
光标：指针；
边框：4px实心#CCC；
边界半径：50px；
不透明度：0.4；
溢出：隐藏；
过渡：全部为0.4s；
边缘底部：45像素；
}
#报价转盘。转盘指示器。激活{
背景:#333333；
宽度：128px；
高度：128px；
边界半径：100px；
边框颜色：#f33；
不透明度：1；
溢出：隐藏；
边缘底部：5px；
}
.旋转木马内部{
最小高度：300px；
边缘底部：50px；
}
.项目区块报价{
左边界：无；
保证金：0；
}
.项目块报价p:之前{
内容：“\f10d”；
字体系列：“Fontawesome”；
浮动：左；
右边距：10px；
}







知识的同一性是一种美德，是一种奉献精神，是一种劳动和财富的暂时性投入，是一种最小的价值，是一种劳动和财富的实践，是一种共同消费
我们的命运是在一片混乱的土地上，在一片空白的地方

名人
知识的同一性是一种美德，是一种奉献精神，是一种劳动和财富的暂时性投入，是一种最小的价值，是一种劳动和财富的实践，是一种共同消费
如果你是一个不受欢迎的人，那么你就可以在一个不受欢迎的地方

名人
知识的同一性是一种美德，是一种奉献精神，是一种劳动和财富的暂时性投入，是一种最小的价值，是一种劳动和财富的实践，是一种共同消费
如果你是一个不受欢迎的人，那么你就可以在一个不受欢迎的地方

名人