javascript - How can i add multiple row support to FlexSlider? -



javascript - How can i add multiple row support to FlexSlider? -

i'm using flexslider on wordpress site. working good. want gallery visible 2 row. searched not found solution.

this flexslider.js: http://pastebin.com/3ygkefb4

try out approach. have tried , worked me :)

function make2rows(iwidth) { var iheight = parsefloat($('.flexslider .slides > li').height()); $('.alliance-list .slides > li').css('width', iwidth+'px'); $('.alliance-list .slides > li:nth-child(even)').css('margin', iheight+'px 0px 0px -'+iwidth+'px'); } $(window).load(function() { var itemcnt = 5; // number of columns per row var iwidth = parsefloat($('.flexslider').width() / itemcnt); $('.flexslider').flexslider({ animation: "slide", slideshowspeed: 1000, animationspeed: 300, animationloop: false, directionnav: false, slideshow: false, touch: true, itemwidth: iwidth, minitems: itemcnt, maxitems: itemcnt, start: make2rows(iwidth) }); });

it works 2 rows. defines function add together margins slides become under odd ones. source of solution here:

http://paulgonzaga.blogspot.com.es/2014/02/how-to-create-multiple-row-carousel-on.html?m=1

javascript jquery flexslider

Comments

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

Accessing MATLAB's unicode strings from C -

javascript - mongodb won't find my schema method in nested container -