CSS-Tricks/MovingBoxes

How can i set total item show on Moving boxes

Opened this issue · 3 comments

I tried to set 5 items appear with Moving Boxes but it miss the last item.....here this is my config

$('#slider-one').movingBoxes({
startPanel : 1, // start with this panel
reducedSize : 1, // non-current panel size: 80% of panel size
wrap : true, // if true, the panel will "wrap" (it really rewinds/fast forwards) at the ends
buildNav : false, // if true, navigation links will be added
width : 935
});

item width: 187px

error

MovingBoxes isn't programmed to display five panels at once. What you are seeing is it centering panel 1 inside of the container. You see the last panel to the left because wrap is true, so as you scroll right it repositions the slides and when the last panel is in the position of panel two as seen in the screenshot above and you scroll right, it repositions the panels in the container to look exactly the same as the screen shot above. I hope that makes sense.

Maybe a better bet would be for you to use AnythingSlider; all you would need to set is the showMultiple option to 5 - here is a demo.

AnythingSlider doesn't has some things i need, like when clicked on the image it move to center. do you know another slider like Movingboxs but it can show 5 items?. Thanks

+1 for 5 panel support.