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) enter image description here

this screenshot of slider on >800 screen (!!) enter image description here

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

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -