3D carousel interface plugin does not work in safari

[dan]

When viewing the demo of the 3D carousel on the interface website in Safari 2.0.4 (haven't checked other versions of Safari) the thumbnails all loaded up on top of one another and did not form a circle or animate and when clicked they just linked to the image and produced no effects. This was observed with javascript turned ON and in the same browser other interface elements on the other demo pages worked as expected. The bug basically makes it look as if javascript is turned off, I assume that some offending line of code is preventing the script from running.

[MrTufty]

Fix for this issue - it's not perfect, but it does work, and doesn't appear to cause any problems for other browsers.

Sorry, I don't know how to create a proper patch file or diff for this, so this will have to do.

The offending lines are 158-159, gradient.addColorStop(), in carousel.js;

Replace those lines with the following code:

if(!jQuery.browser.safari) {
   gradient.addColorStop(1, "rgba(255, 255, 255, 1)");
   gradient.addColorStop(0, "rgba(255, 255, 255, 0.6)");
}

This should make it work in Safari, and my tests have shown that it still works in Firefox.

[MrTufty]

My amended carousel.js

[scott.gonzal]

Interface is no longer supported; consider switching to ​jQuery UI.