Comments on: Custom animation using jCarousel and jQuery

By: Cristi

Cristi — Mon, 07 Feb 2011 08:25:32 +0000

All you need to do with the current setup is use pCarousel.animationDir = ‘left’; or pCarousel.animationDir = ‘right’; So, on your buttons you would add an onclick event and add set the animationDir.

By: Roj

Roj — Sun, 06 Feb 2011 16:32:37 +0000

Hi,
I have implemented the circular carousel setting up the auto functionality from the mentioned link above http://sorgalla.com/projects/jcarousel/examples/static_circular.html.
Now, I am not being able to have two buttons: one when clicked will change the scrolling direction to right and another will change the scrolling direction to left. I tried to modify the code but as I m not good with jquery, was not successful.
Help will be much appreciated and Thanks for this post as well.. get a chance to learn something..

By: Cristi

Cristi — Wed, 08 Dec 2010 08:13:48 +0000

Of course it is possible – just remove the markup for the controls and the listeners from the javascript code and you should be set. Oh and you might want to force jCarousel to do a circular animation. But once again, if I understand correctly what you want to achieve, there’s no need for this custom animation, all you need is jCarousel with proper setup. Cheers!

By: Makanti

Makanti — Tue, 07 Dec 2010 17:34:58 +0000

Hi again Christi and thanks for your response.
I thought I could combine the wrap ‘circular’ with your carousel keeping just the auto scrolling and not the controllers you have. Do you think this is possible? Thanksss

By: Cristi

Cristi — Mon, 06 Dec 2010 10:19:08 +0000

I think you want a circular carousel, and that’s already implemented in jCarousel – http://sorgalla.com/projects/jcarousel/examples/static_circular.html

By: Makanti

Makanti — Sun, 05 Dec 2010 21:56:49 +0000

Hello there!
I really enjoyed your tut and ended up to use it somehow as a simple auto scrolling carousel without controllers. The only thing I would like to achieve is to mg oake the autoscrollinnly from right to left. So every time it reaches the last image the next one becomes again first and so on. Any good ideas about that? I tried several things but nothing worked out:( thanks a lot and great work again! thumbs up!:)

By: Rahul

Rahul — Mon, 29 Nov 2010 18:21:17 +0000

Hi Christi,

Thanks a lot for your reply, provided information is very helpful.
thanks again, but i would like to share my implementation also
what i hav done is, i have put one condition in which i am checking (document.getElementById(“”).complete==true)
then execute the functionality.

Thanks again christi

By: Cristi

Cristi — Sun, 28 Nov 2010 23:18:08 +0000

you should somehow handle the image.onload event for each of your image. so the startCarousel would only trigger when all images have finished loading.
another option would be to bind the start of the carousel to the load event of the document, rather than the ready state – instead of $(document).ready(function() {}), use $(document).load() – not recommended, but should do the trick.

By: Rahul

Rahul — Sat, 27 Nov 2010 08:33:39 +0000

Hey guys,

I like the post, thanks for great help.
I have one doubt please help me, in my case through JCarousel there is one animation on the home page of my website.

Animation is : there are heavy heavy images which will loaded and scroll automatically in the direction left to right (Kind of sliding effect).
now problem is when images are loading(means half loaded) then by that time image get’s slide from left to right, which is not good.

It should be like once loaded completly then starts sliding effect

I hope what i have written above is understanble

Thanks in advance

By: salim

salim — Thu, 16 Jul 2009 20:27:28 +0000

Hi,

I actually tried on my mac safari(v 3.1) although it works on my windows safari(4.0.2).

i think it’s the issue with jquery(1.3.2) and the jcarousel if we use the older jquery (1.2.3 ) it does work.