Bootstrap，Thumbnail Carousel - Mouseover Sliding

Question

当我将鼠标悬停在下一个或上一个项目或隐形箭头上时，我希望此缩略图旋转木马滑块滑动。也可以抓住物品并将它们向右和向左移动。当然，自动滑动应该保持原样。

http://bootsnipp.com/snippets/featured/thumbnail-carousel-single-image-sliding

$(document).ready(function () {
$('#myCarousel').carousel({
    interval: 10000
})
$('.fdi-Carousel .item').each(function () {
    var next = $(this).next();
    if (!next.length) {
        next = $(this).siblings(':first');
    }
    next.children(':first-child').clone().appendTo($(this));

    if (next.next().length > 0) {
        next.next().children(':first-child').clone().appendTo($(this));
    }
    else {
        $(this).siblings(':first').children(':first-child').clone().appendTo($(this));
    }
});

}）;

为了更好地理解，这里是我想象的原因，功能应该如何滑动：

http://codepen.io/johnblazek/full/nceyw

这在Bootstrap中是否可行？