Bug Tracker

Ticket #2281 (new enhancement)

Opened 1 year ago

Last modified 2 months ago

Support for rgba animations in jquery.color

Reported by: ericw Assigned to: anonymous
Type: enhancement Priority: minor
Milestone: 1.2.3 Component: plugin
Version: 1.2.2 Keywords: color, animation
Cc: Needs: Review

Description

rgba-values in color css attributes allow firefox 3 and safari 3 to have transparent colors. it would be great to be able to animate them with jquery using the jquery.color plugin.

Attachments

rgba.diff (3.4 kB) - added by mdawaffe 1 year ago.
RGBA support for jquery.color

Change History

Changed 1 year ago by mdawaffe

[4561] tries to partially address this but doesn't work.

In Safari 3, transparent is denoted as 'rgba(0, 0, 0, 0)'. [4561] makes getRGB() aware of this, but not getColor(), so every transparent element in Safari 3 is treated as white in jquery.color (getColor() never traverses up the parent hierarchy).

The attached adds full transparency support and full RGBA support.

Transparency is detected in getColor(), and we don't fallback to white until getRGB().

RGB colors are encoded as 3 element arrays as before, and RGBA colors (when encountered) are stored as 4 element arrays.

Conversion from RGB to RGBA colors is handled automatically (e.g. when animating from '#00ff00' to 'rgba(255,0,0,0.5)'). Conversion from RGBA to RGB for the sake of browsers that don't understand RGBA is never done; it is not allowed (see note at CSS3 Color Module).

Changed 1 year ago by mdawaffe

RGBA support for jquery.color

Changed 1 year ago by pixeline

mmh, that doesn't work for me: the element background animates to white instead of transparent even after this patch. (using firefox 2 on winxpSP2)

Changed 2 months ago by JosephPecoraro

A patch was added over a year ago. Its still relevant today, due to Safari/WebKit returning rgba() by default. Any reason this hasn't been updated? Or if its because things don't work properly should I take a look at it? (I personally modified mine to make it work).

Note: See TracTickets for help on using tickets.