我在这里使用Elastislide垂直旋转木马
http://tympanus.net/codrops/2012/10/29/elastislide-revised/
这是垂直的
http://tympanus.net/Development/Elastislide/index2.html
我改变了旋转木马的高度和高度。 li>其中的项目显示4个项目而不是3个但是在点击任何导航箭头后它只移动3个项目而不是4个并且将js代码的dafault选项从3更改为4
$.Elastislide.defaults = {
// orientation 'horizontal' || 'vertical'
orientation : 'vertical',
// sliding speed
speed : 500,
// sliding easing
easing : 'ease-in-out',
// the minimum number of items to show.
// when we resize the window, this will make sure minItems are always shown
// (unless of course minItems is higher than the total number of elements)
minItems : 4,
// index of the current item (left most item of the carousel)
start : 0,
// click item callback
onClick : function( el, position, evt ) { return false; },
onReady : function() { return false; },
onBeforeSlide : function() { return false; },
onAfterSlide : function() { return false; }
};
答案 0 :(得分:1)
你可以从这里改变它:
minItems : 6, //or any vlue you want to show