Use jQuery for Custom Image Header

[ryan]

As part of our conversion to jQuery, let's convert wp-admin/custom-header.php to jQuery plus something like farbtastic for the colorpicker. I'm not sure what to use for the cropper. Interface has some crop code, but interface isn't actively maintained these days. It might still be useful for the crop code, however.

​http://acko.net/dev/farbtastic

[tellyworth]

There's a jQuery color picker plugin:

​http://plugins.jquery.com/project/color-picker

Also an image cropper here:

​http://interface.eyecon.ro/demos/resize.html

It's based on Interface Elements for jQuery.

Can't vouch for either other than a quick test (they look ok in Safari).

[rmccue]

Mine! All mine!
I'm integrating Farbtastic at the moment.
However, there's no suitable alternative for Cropper, so we're going to leave that for the moment. The interface plugin mentioned above leaves artifacts when dragging.

[Viper007Bond]

+1 for Farbtastic. It's f'ing awesome (using it in one of my upcoming plugins).

[rmccue]

Convert custom-header.php to jQuery

[rmccue]

Added patch to convert everything to jQuery except the cropper. Farbtastic is now also included (images in wp-admin/images/, farbtastic.css in wp-admin/css/ and farbtastic.js in wp-admin/js/) as a replacement for colorpicker.

[rmccue]

Leave colorpicker.js in for backwards compat.

[rmccue]

marker.png from Farbtastic, goes in wp-admin/css/

[rmccue]

mask.png from Farbtastic, goes in wp-admin/css/

[rmccue]

wheel.png from Farbtastic, goes in wp-admin/css/

[rmccue]

Sorry, all those images go in wp-admin/images/ instead.

[rmccue]

Default now works properly

[ryan]

(In [8760]) Use farbtastic for custom header color picker. Props rmmccue. see #5591

[momo360modena]

Small suggestion, replace Prototype cropper by jQuery clone

​http://odyniec.net/projects/imgareaselect/examples.php