Javascript 获取上一张和下一张照片以显示在引导转盘中

我的旋转木马的图像：

嘿，伙计们，我正试图让我的旋转木马中的上一张/下一张照片成为边缘（这样你可以看到三张照片，但只有第一张和第三张照片的一半），中间有一个

10px

的间隙。找不到这样做的方法。我已经设置了旋转木马的高度并将图像居中。现在，如果我能让其他图像在显示的图像旁边向上滑动

谢谢你们

$（文档）.ready（函数（）{
$（“#转盘示例通用”）.carousel({
间隔：10000
})
$（'.carousel.item'）。每个（函数（）{
var next=$（this.next（）；
如果（！next.length）{
next=$（this.sibbines（':first'）；
}
next.children（':first child'）.clone（）.appendTo（$（this））；
if（next.next（）.length>0）{
next.next（）.children（':first child'）.clone（）.appendTo（$（this））；
}否则{
$（this）.兄弟姐妹（':first'）.children（':first child'）.clone（）.appendTo（$（this））；
}
});
});     

.carousel内部{
高度：515px；
}
.项目{
高度：515px；
}
.转盘内部.项目img{
位置：相对位置；
最高：50%；
转化：translateY（-50%）；
高度：515px；
保证金：0自动；
}
旋转木马{
溢出：隐藏；
}
.旋转木马内部{
宽度：150%；
左-25%；
}
.carousel inner>.item.next，
.carousel-inner>.item.active.right{
-webkit转换：translate3d（33%，0,0）；
转换：translate3d（33%，0,0）；
}
.carousel-inner>.item.prev，
.carousel inner>.item.active.left{
-webkit转换：translate3d（-33%，0,0）；
转换：translate3d（-33%，0,0）；
}
.carousel-control.left，
.转盘控制，对{
背景：rgba（255，255，255，0.3）；
宽度：20%；
}

...