Display images on each side

[Denn-hrmc]

Hi. A common need in the carousel is to be able to display the image with a little of the one before and after showing on each side and have them scroll so that behavior continues (on the first, you sitt a little of the last on the left and on the last you see a little of the first in the cycle when they are circular carousels.

We have gotten that to work fine in jCarousel lite, jMyCarousel and jCarousel but they also have bugs that kill us. If you need a visual of what I mean follow the links below.

We need up to 26 images in the carousel (number of images is what breaks jMyCarousel and jCarousel lite and in lite there is also a display issue.)

In rcarousel I can not find a way to display the images on the sides. Is it possible? If so how? If not, any chance you might add it?

We have set up jcarouselLite and it does what we need except for 2 bugs. I have put up demos of the problems at

http://highroadmc.com/HBA-tests/jCarouselLite/jCLiteTest.html http://highroadmc.com/HBA-tests/jCarouselLite/jCLiteTest1.html

The first shows that, when you hit the end of the items in the scroll, the last element does not display. When you click on it again it scrolls into the center and everything is fine. You also get a similar behavior if you load the page and just start of using the left side button.

The second problem is that if you load a certain number of images (I don't know what the break point is but it is below the 26 we need) then after you scroll for a bit the scroll starts to go crazy and scroll whole bunches of images (on the 18th click in the one here) and does the same on the second click on the left side. After it breaks, if you keep going it will return to normal after a while but no user is ever going to get that far. Might help you figure what the issue is though.

BTW, if you want to see the same behavior in jMyCarousel (the too many images scrolls crazily) here is a link.

http://highroadmc.com/HBA-tests/jMyCarousel-bug/crazytest.html

Thanks!

[ryrych]

Hi.

Sorry if I didn’t get it but you know – morning. :) If I get it right, having 5 elements (images) A, B, C, D, E when you scroll left, you get the following pages: A (when loaded), then B, then C, then D and finally, E. Now, when you reach E and scroll once again, you would like A to appear again so that it loops, right?

[ryrych]

Ah, now I see

[ryrych]

I’ll take a look at it, but I don’t promise anything.

[Denn-hrmc]

Thanks. It would be very useful

[ryrych]

I’ve got for you an interesting example. Here you go: http://ryrych.pl/null/partial/examples/partial.html It only took me a few minutes to figure it out.

I hope it is what you are after. If so, and if you are pleased, I would like to ask you to send me your opinion about rcarousel and possibly a link to a real life usage example.

I would like to get people’s opinions on rcarousel and publish them in my documentation. :)

[ryrych]

(and don’t forget to click on edges)

[Denn-hrmc]

Hey, that is awesome. And quick!

Thanks so much. I'm happy to provide positive comment where ever you like. Its a great tool, with a short learning curve and your response was amazingly fast. I also like that your tool, unlike many of the others out there, is being kept current. Let me know where you want it and I'll send something or just snag what I wrote here.

We are not sure if we are going to use it in production on this project as the client also wants touch control (swipe nav) on tablets and we have only found one product that seems to have that capability (we didn't think there were any until today and thought we'd have to build something separate for that).

[ryrych]

I’m glad you like it. :)

You can send me feedback to my e-mail: rrh [at] op [dot] pl

cheers!