CSS-Tricks / MovingBoxes

Simple horizontal slider which grows up the current box when it's in focus (image, title & text) and back down when it's not in focus.
http://css-tricks.github.io/MovingBoxes/
GNU Lesser General Public License v3.0
280 stars 147 forks source link

How can i set total item show on Moving boxes #110

Open titannguyen opened 11 years ago

titannguyen commented 11 years ago

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

Mottie commented 11 years ago

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.

titannguyen commented 11 years ago

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

gav-fyi commented 11 years ago

+1 for 5 panel support.