jCarousel

Joined: 12/01/2008
User offline. Last seen 3 years 9 weeks ago.

I give up. What's the trick to getting jCarousel to work with Safari/Chrome. Anyone figured it out yet?

Everything works great in FF/IE. When I pull up jCarousel in Safari or Chrome a 2nd time, the images display funny, or not at all. Shift+Refresh fixed the problem.

Empty cache: http://skitch.com/davesacre/7ebj/jcarousal-empty-c...
After Cached: http://skitch.com/davesacre/7ebq/jcarousel-after-c...

Any thoughts? anyone have the same problem and find a work around?

G&G Podcast Host
Matt Farina's picture
Joined: 06/01/2006
User offline. Last seen 21 weeks 6 days ago.
Views Carousel Module

I use jcarousel with the drupal views carousel module. It's what powers the carousel on this site. Can you shoot me a url (privately if you like) and I'll take a quick look.

On a side note, there can be some issues with jQuery 1.2.6 depending on how you have it configured. For example, the circular settings don't work in jQuery 1.2.6.

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com

Joined: 12/01/2008
User offline. Last seen 3 years 9 weeks ago.
not ready to release it to

not ready to release it to the world yet. sent you a dm on twitter.

It's weird. i was able to fix the disappearing images problem by commenting out a few lines in the jCarousel source. There's a new issue that the author of jCarousel, i believe, attempted to fix. After a couple refreshes, all you see is what you get. It's almost as if the container shrinks to it's parent's width and won't scroll anymore.

Joined: 12/01/2008
User offline. Last seen 3 years 9 weeks ago.
got it.

Ok, here's the deal. There seems to be an issue in calling jCarousel with jQuery(document).ready() in Safari/Chrome and having it cached in the browser. Still trying to figure out the details, but I got it to work by moving the carousel call to after the ul.

strange.

jHacker
jHacker's picture
any resolution to problems with jcarousel on chrome/safari?

Curious. I am using jcarousel on a few sites and have never got it working on chrome or safari. Thus far, I've just blocked processing of the carousel for these browsers. But that's annoying and I need to either resolve this or find a better one. The last (.23) only support jquery 1.2.3 and now it's up to 1.3.2. It's falling behind quite a bit now. Have you had any luck? Can you share teaks made to overcome problems? Thanks.
-jHacker

G&G Podcast Host
Matt Farina's picture
Joined: 06/01/2006
User offline. Last seen 21 weeks 6 days ago.
1.2.6 bugs

I'll point out that there are bugs in jCarousel when used with jQuery 1.2.6 as well. Someone want to update it?

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com

Nate
Nate's picture
any fix yet?

anybody figure out how to make jcarousel work w/ safari yet???? this is a real pain.

Jim B
Jim B's picture
Give Up on JCarousel - try JQuery Agile Carousel instead

I waited in vain for quite some time for jcarousel to fix the growing number of browser bugs. But, it looks like it has been completely abandoned since "Version 0.2.3 - 2008-04-07". That's a bad sign. I would suggest you try a carousel that is active. I found this JQuery Agile Carousel to be very good: http://plugins.jquery.com/node/4033, and I haven't had any browser problems of significance.
-Jim

G&G Podcast Host
Matt Farina's picture
Joined: 06/01/2006
User offline. Last seen 21 weeks 6 days ago.
jQuery Tools

jQuery Tools has a carousel that's up to date. You might want to check that out.

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com

More problems

I'm playing around with a jcarousel and find that when combined with a WidgetBox JS widget, it causes Chrome to "Aw Snap!" . Removing the widget from the page with the carousel solved my problem, as I was too lazy to actually find which was causing the crash.

Got a solution

Hi found a solution,
put your before the CSS stylesheet load.

Hope it'll help.

i wanted to say : put your

i wanted to say :
put your <"script"> balise before CSS stylesheet loads.

Joined: 03/02/2010
User offline. Last seen 1 year 49 weeks ago.
Change your onload stuff

My issue was related to my page layout and the fact that I was hiding the carousel, but my issue was similar in that everything worked fine in FF/IE but Chrome/Safari was no go.

My solution: I wrapped my carousel init calls with window.onload = function(){/*some init here*/}; instead of the jquery load function and voila - everything worked like a charm.

Without hunting the bug down, some initial looking into things revealed that the issue was that this.dimension(o) returns null in chrome/safari if the object isn't being displayed on the screen. Not sure if this solves the original problem, but I figured some people might be having the same problem as me.

I'll try and hunt down the actual bug when i get some time, but for now, FF+IE+Chrome+Safari+working=happy.

TMS
TMS's picture
Joined: 04/14/2010
User offline. Last seen 1 year 43 weeks ago.
Change your onload stuff

In response to streetlogics post. I seem to be experiencing the same problem that you had. I am also hiding the carousel and while it works fine in FF and IE, it doesn't work in Chrome or Safari.

I'm a bit of a novice when it comes to jQuery and I can't seem to get it working using your window.onload solution. I would be very grateful if you could supply the entire block of code you used to get this working or maybe supply a link to the site where you used the carousel.

Thanks

Joined: 04/27/2010
User offline. Last seen 1 year 24 weeks ago.
Hi! Maybe i am wrong, but i

Hi! Maybe i am wrong, but i found some exit from this situation.. There few lines in code - /** if ($.browser.safari) {
this.buttons(false, false);
$(window).bind('load', function() { self.setup(); });
}
**/
I remove them, and after it start work in Chrome, Safari. And same good in FF/ie.
Hope it will help :)

Joined: 07/19/2010
User offline. Last seen 1 year 29 weeks ago.
Iryna K you are genius!!!

Iryna K you are genius!!!

Joined: 04/27/2010
User offline. Last seen 1 year 24 weeks ago.
Спасибо)

Спасибо)

Joined: 02/22/2011
User offline. Last seen 50 weeks 4 days ago.
I was having a problem in

I was having a problem in Chrome and Safari: the images got cut off after about 50px. It got fixed when I put a width and height on the img. Just in case someone has the same problem.

Joined: 03/05/2011
User offline. Last seen 48 weeks 6 hours ago.
Chrome didnt allow my jcarusel to scroll

Long story short, I used jCarousel for my online portfolio. I found out after the fact that it isnt supported in Chrome - the specific error I get is this:

Uncaught Error: jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...

I went through all my css and made sure to specify both width and height, and still no luck - leads me to believe its in the source code of the jCarousel with no real easy quick way to fix it aside from editing the source. I updated my version of jQuery used with the carousel to no avail.

Thanks to this thread, I checked out jQuery Tools which Matt recommended. very nice indeed! Customizable for different purposes. I'm in the process of re-designing my portfolio anyway, so ill be working on incorporating jQuery Tools in place of jCarousel - should be easy enough to customize also (from a quick surface peek.) Thanks for the recommendation!

Joined: 04/04/2011
User offline. Last seen 5 weeks 2 days ago.
Great Post

Thank you so much for posting this. Now, my jCarousel control works perfectly in IE, FF, Chrome, and Safari!! Boss will be happy.

Joined: 07/28/2011
User offline. Last seen 28 weeks 2 days ago.
Problem With jcarousel

Hi

I am new to this,I have a problem with jcarousel which i am using on sit.

It work perfactely in FF/IE but not in chrome. I read all replyies and sugession but the problem is still there.
Any sugession will be highely appericated.

iam using

jooml 1.5
jcarousel Version: 0.2.8

Thanks