Question

i currently need some help, im using [Jquery Minicolors color picker][1]
and i wanted to implement this png color picker transparency to png images basically color png images without clicking the button preview to apply it basically i want to include it in the jquery Minicolors plugin
i made a demo myself but im not very knowledgeable myself i need help..

let me make myself clear as much as possible, what i want to do is establish Jquery Minicolors color box to change automatically without the need of the preview button being clicked to change the color,i want to implement that change color png image transparency into the jquery Minicolors.

Answer 1

Listen for the change event of the color picker and apply changes during the callback.

When you initialize your color picker, supply a change callback that modifies your image.

$("pickerElement").miniColors({
  change: function(hex, rgb) {
    // use the values above to manipulate image.
  }
})

This function will be called every time you change color.