Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 引导,缩略图转盘-鼠标滑动_Javascript_Jquery_Twitter Bootstrap_Slider_Carousel - Fatal编程技术网

Javascript 引导,缩略图转盘-鼠标滑动

Javascript 引导,缩略图转盘-鼠标滑动,javascript,jquery,twitter-bootstrap,slider,carousel,Javascript,Jquery,Twitter Bootstrap,Slider,Carousel,当我将鼠标悬停在下一个或上一个项目或不可见箭头上时,我希望此缩略图旋转滑块滑动。还可以抓住物品并将其左右移动。当然,自动滑动应该保持在原来的位置 })) 为了更好地理解,这里是我想象的原始想法,函数应该如何滑动: 这在引导中可能吗?不可能!你必须为此使用一些框架,而不是!为此,您必须使用一些框架 $(document).ready(function () { $('#myCarousel').carousel({ interval: 10000 }) $('.fdi-Carousel

当我将鼠标悬停在下一个或上一个项目或不可见箭头上时,我希望此缩略图旋转滑块滑动。还可以抓住物品并将其左右移动。当然,自动滑动应该保持在原来的位置

}))

为了更好地理解,这里是我想象的原始想法,函数应该如何滑动:


这在引导中可能吗?

不可能!你必须为此使用一些框架,而不是!为此,您必须使用一些框架
$(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));
    }
});