Comments on: More jQuery plug-ins: jCarousel and the dreaded window.alert()

By: Deepfreezed

Deepfreezed — Tue, 10 Nov 2009 23:24:24 +0000

Was getting the jCarousel: No width/height set for items. This will cause an error.

Setting margin:1px; fixed the error I was only getting on Google Chrome.

Thanks Steve…

By: Janea

Janea — Thu, 27 Aug 2009 01:08:51 +0000

Steve’s fix worked for me. Adding margin:1px; to the .jcarousel-item class in the jquery.jcarousel.css file seemed to do the trick.

By: Steve

Steve — Wed, 11 Feb 2009 13:41:44 +0000

I debugged the jcarousel script in Firebug and found for some elements I had no/0 marginTop property – this threw the error as described above (comes from margin function via dimension function). I set a general style rule for .jcarousel-item and .jcarousel-item-vertical to have margin:1px; and never saw the error again. Maybe this will work for others.

By: Dum

Dum — Thu, 15 Jan 2009 16:04:19 +0000

window.alert = function() {
return;
};

Does this mean the error still keeps firing, just nothing is done about it?

By: Brian Dillard

Brian Dillard — Mon, 03 Mar 2008 18:15:40 +0000

@Susan

Yes, you would need to add code to your document.ready block BELOW the init code for jCarousel. That code would need to be something like this:

$('#myCarousel').show();

By: somnamblst

somnamblst — Sat, 01 Mar 2008 00:48:02 +0000

I have been googling for days. I am so happy to have found someone who has figured out how to force jcarousel to look like anything other than Jan Sorgalla's demos of just 3 images. Getting any answers on the high volume jquery group has been mostly 0.

I have found with my very limited javascript that the static carousel examples are simple to modify by modding the css files. But one bug Jan Sorgalla does make references to when someone named Erin brings it up is that static carousels show the images in a stacked bulleted vertical list until everything is ready and then they snap to the container.

http://xsotek.com/demo8/examples/example.html

I have tried doing what Jan says

"Just add
#mycarousel {
display: none;
}
like its in the dynamic examples."

but have succeeded in only display no images in the carousel. There has got to be some kind of show function that goes with this, correct?

http://xsotek.com/demo8/examples/example2.html

thanks in advance for any insight you can provide

Susan