Função JS/AJAX (Ajuda)

Front-end
#1

Bom dia, peço desculpas se aqui não é o local correto para este post, estou a alguns dias tentando arrumar esta função e não consigo…

Estou construindo um simulador no qual necessito mudar as cores de um carro, para não ter de fazer varias imagens de cada carro com cada cor resolvi utilizar um efeito que não sei ao bem se é puro js ou ajax chamado Blend, que mascara a imagem trocando a cor…

o efeito esta funcionando perfeitamente, consigo aplicar as cores ao carro…mas ela só funciona se carregado ao iniciar a pagina :frowning:

Preciso que ela funcione ao apertar um botão ela troque a cor, recarregando então a função e aplicando novo efeito

Segue codigo da funcao e html

Função:

$(function () {
			$('#mascara img').blend({mode: 'multiply', adjustment: 'rgb(255, 0, 0)'});
		});

HTML:

<div id='test'>
		<div class="display">
		  <img src="carro.png"/>
		</div>
		<div id="mascara">
		  <img src="carro2.png"/>
		</div>
	</div>
	<input type='submit' value='Vermelho' onclick="mudaCor('mascara1')" />

onde carro.png e o carro que fica por baixo original com farois e etc…

carro2.png e o carro recortado sem faróis, onde tudo muda de cor…

No aguardo e agradeço se alguém conseguir me ajudar

link para o efeito : https://github.com/farski/jquery-blend/blob/master/readme.md

#2