javascript - flexslider responsive carousel problems -
i need create responsive carousel using flexslider. problem 1 shrink browser window below size of container, item positions messed up.
this screenshot of slider on >1200 screen (fine)
this screenshot of slider on >800 screen (!!)
my js init.:
$('.flexslider').flexslider({ animation: "slide", animationloop: true, touch: true, mousewheel: true, itemwidth: 400, prevtext: "", nexttext: "" });
as can see in image (2), third image chopped off. want either reduce number of visible elements 2 when resolution reaches threshold, , make images adapt available space nothing chopped off. ideas?
a bit late, looks might solve problem:
http://flexslider.woothemes.com/dynamic-carousel-min-max.html
the min- , max-items settings set dynamically, based on window width...
a bit messy, work no image gets chopped of.
Comments
Post a Comment