Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/powershell/11.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
Twitter bootstrap 引导jcarousel,按itme项目包装/循环_Twitter Bootstrap_Jcarousel - Fatal编程技术网

Twitter bootstrap 引导jcarousel,按itme项目包装/循环

Twitter bootstrap 引导jcarousel,按itme项目包装/循环,twitter-bootstrap,jcarousel,Twitter Bootstrap,Jcarousel,希望扩展 我想旋转木马循环,而不是停止,一旦到了最后。 一个开/关选项将是非常好的,这样它可以作为股票使用,或者在循环处于活动状态时使用 不知道如何实现这一点,但这个jcarousel的剪报与bootstarp carousel连接在一起,让我一个接一个地滚动项目 谢谢 $(function () { var _next, _prev; _next = $.fn.carousel.Constructor.prototype.next; _prev = $.fn.carousel.Constru

希望扩展

我想旋转木马循环,而不是停止,一旦到了最后。 一个开/关选项将是非常好的,这样它可以作为股票使用,或者在循环处于活动状态时使用

不知道如何实现这一点,但这个jcarousel的剪报与bootstarp carousel连接在一起,让我一个接一个地滚动项目

谢谢

$(function () {
var _next, _prev;
_next = $.fn.carousel.Constructor.prototype.next;
_prev = $.fn.carousel.Constructor.prototype.prev;
$.fn.carousel.Constructor.prototype.next = function() {
this.$element.trigger('pln.next');
return _next.call(this);
};
$.fn.carousel.Constructor.prototype.prev = function() {
this.$element.trigger('pln.prev');
return _prev.call(this);
};
$('div.carousel.jcarousel').each(function() {;
     $(this).swiperight(function() {  
  $("#myCarousel").carousel('prev');  
});  
 $(this).swipeleft(function() {  
  $("#myCarousel").carousel('next');  
 });

  var item_width, stop_pos, total_items, total_width, visible_items, visible_width, _carousel, _slider;
  _carousel = $(this);
  total_items = _carousel.find('li').length;
  item_width = _carousel.find('li:first').outerWidth(true);
  total_width = item_width * total_items;  
  _carousel.find('.item:first').width(total_width); // lets shrink the actual     container to it's real size
  visible_items = Math.round(_carousel.find('.carousel-inner').width() / item_width);
  visible_width = visible_items * item_width;
  stop_pos = visible_width - total_width;
  _slider = _carousel.find('.item:first'); 
  _slider.data('to', 0);
 _carousel.carousel('pause').on({
      'pln.prev': function() { 
        if (_slider.position().left < 0 && _slider.position().left === _slider.data('to')) { 
          _slider.data('to', _slider.position().left + item_width);
          _slider.animate({
            left: "+=" + item_width + "px"
          }, 'fast'); // lets move the slider
        }
        return false;
      },
      'pln.next': function() {
        if (_slider.position().left > stop_pos && _slider.position().left === _slider.data('to')) {
          _slider.data('to', _slider.position().left - item_width);
          _slider.animate({
            left: "-=" + item_width + "px"
          }, 'fast');
        }
        return false;
      }
    }); 
  }); 
});
$(函数(){
下一个风险值,上一个风险值;
_next=$.fn.carousel.Constructor.prototype.next;
_prev=$.fn.carousel.Constructor.prototype.prev;
$.fn.carousel.Constructor.prototype.next=函数(){
本.$element.trigger('pln.next');
return\u next.调用(this);
};
$.fn.carousel.Constructor.prototype.prev=函数(){
本.$element.trigger('pln.prev');
返回上一次呼叫(本次);
};
$('div.carousel.jcarousel')。每个(函数(){;
$(this).swiperight(函数(){
$(“#myCarousel”).carousel('prev');
});  
$(this).swipleft(函数(){
$(“#myCarousel”).carousel('next');
});
可变项目宽度、停止位置、总项目、总项目宽度、可见项目、可见项目宽度、旋转木马、滑动条;
_旋转木马=$(本);
项目总数=_carousel.find('li')。长度;
item_width=_carousel.find('li:first')。outerWidth(true);
总宽度=项目宽度*总项目;
_carousel.find('.item:first').width(total_width);//让我们将实际容器缩小到实际大小
visible_items=Math.round(_carousel.find('.carousel-inner').width()/item_-width);
可见宽度=可见项目*项目宽度;
停止位置=可见宽度-总宽度;
_slider=_carousel.find('.item:first');
_滑块数据('to',0);
_旋转木马。旋转木马(‘暂停’)。打开({
“pln.prev”:函数(){
如果(_slider.position().left<0&&u slider.position().left===_slider.data('to')){
_slider.data('to',_slider.position().left+项目宽度);
_滑块。动画({
左:“++=”+项目宽度+“像素”
},“fast”);//让我们移动滑块
}
返回false;
},
“pln.next”:函数(){
如果(_slider.position().left>stop_pos&&&u slider.position().left====_slider.data('to')){
_slider.data('to',_slider.position().left-项目宽度);
_滑块。动画({
左:“-=”+项目宽度+“像素”
}“快”);
}
返回false;
}
}); 
}); 
});
你就不能用

wrap: 'circular'
在jCarousel配置中