Comments on: Custom animation using jCarousel and jQuery http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/ Refresh your vision Mon, 23 Apr 2012 08:51:11 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Cristi http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1234 Cristi Fri, 09 Mar 2012 10:24:08 +0000 http://mandagreen.com/?p=54#comment-1234 There's no js error on FF, however it's not functioning properly - this demo is not meant to be used with circular wrap if I remember correctly. There’s no js error on FF, however it’s not functioning properly – this demo is not meant to be used with circular wrap if I remember correctly.

]]> By: gede http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1233 gede Fri, 09 Mar 2012 03:39:55 +0000 http://mandagreen.com/?p=54#comment-1233 nice articles, but i have error on file dk.carousel.js, if i setting like this : jQuery(document).ready(function() { jQuery('#pCarousel').jcarousel({ wrap: 'circular', scroll: 3, visible: 3, initCallback: pCarousel.init, easing: 'linear', animation: pCarousel.animationSpeed, buttonPrevHTML: null, buttonNextHTML: null }); note : wrap: 'circular' the slide error on safari in windows, nice articles, but i have error on file dk.carousel.js, if i setting like this :
jQuery(document).ready(function() {
jQuery(‘#pCarousel’).jcarousel({
wrap: ‘circular’,
scroll: 3,
visible: 3,
initCallback: pCarousel.init,
easing: ‘linear’,
animation: pCarousel.animationSpeed,
buttonPrevHTML: null,
buttonNextHTML: null
});

note : wrap: ‘circular’

the slide error on safari in windows,

]]> By: Cristi http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1063 Cristi Mon, 07 Feb 2011 08:25:32 +0000 http://mandagreen.com/?p=54#comment-1063 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. 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 http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1061 Roj Sun, 06 Feb 2011 16:32:37 +0000 http://mandagreen.com/?p=54#comment-1061 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.. 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 http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1022 Cristi Wed, 08 Dec 2010 08:13:48 +0000 http://mandagreen.com/?p=54#comment-1022 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! 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 http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1021 Makanti Tue, 07 Dec 2010 17:34:58 +0000 http://mandagreen.com/?p=54#comment-1021 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 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 http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1019 Cristi Mon, 06 Dec 2010 10:19:08 +0000 http://mandagreen.com/?p=54#comment-1019 I think you want a circular carousel, and that's already implemented in jCarousel - http://sorgalla.com/projects/jcarousel/examples/static_circular.html 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 http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1018 Makanti Sun, 05 Dec 2010 21:56:49 +0000 http://mandagreen.com/?p=54#comment-1018 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!:) 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 http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1016 Rahul Mon, 29 Nov 2010 18:21:17 +0000 http://mandagreen.com/?p=54#comment-1016 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 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 http://mandagreen.com/custom-animation-using-jcarousel-and-jquery/comment-page-1/#comment-1014 Cristi Sun, 28 Nov 2010 23:18:08 +0000 http://mandagreen.com/?p=54#comment-1014 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. 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.

]]>