Forums Carousel

Use any element for next and previous

Subscribe to Use any element for next and previous 4 post(s), 2 voice(s)

 
Avatar thinsoldier 3 post(s)

I’ve got a situation where I want to absolutely position the previous and next buttons to the left of my horizonal carousel. Works fine in every browser except IE6 for reasons that I still don’t understand after 2 weeks of experimenting with it. But if I take the previous & next buttons and make them children of the surrounding div instead of children of the carousel container then the layout appears properly in all browsers. BUT now the prev/next buttons don’t work.

Could you please consider making it possible to use any element anywhere on the page as the prev/next buttons?

Also I can’t use my openID to log in here.

 
Avatar thinsoldier 3 post(s)

OK. Fixed by rearranging some things and using the wrapper div as the first param in new UI.Carousel()

I still think it would be useful to allow any element (even ones not inside the carousel area) to be used as next/prev buttons.

 
Avatar thinsoldier 3 post(s)

Other things I’ve noticed:

It seems only capable of determining scroll amount by looking at element widths and does not take margin/padding into account. So if I want to put some spacing between my 80px wide images I have to make the LI 88px instead of just using margin/padding like I normally would. It’s because we didn’t realize this before that we gave up on the earlier version of carousel and wrote our own specifically for that one project. You should really point that out somewhere or make carousel consider margins and padding while calculating scroll amount.

 
Avatar Seb Administrator 133 post(s)

1) I will check openID issue
2) correct it should be handle element outside main carousel element.
3) The idea is to keep carousel element without margin/padding/border. If you want to add some spaces, do it inside the element. It’s like a grid (like YUIGrid for example)

Forums Carousel