我从这里使用 Elastislide 垂直旋转木马
http://tympanus.net/codrops/2012/10/29/elastislide-revised/
这是垂直的
http://tympanus.net/Development/Elastislide/index2.html
我已经更改了轮播的高度和其中的 <li> 项目的高度以显示 4 个项目而不是 3,但是在单击任何导航箭头后它只会移动 3 个项目而不是 4,并更改了 js 的默认选项从 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; }
};