change hue javascript
verander dynamisch de kleuren van een img

home | index | menu | help

Er is geen CSS ondersteuning.

		
blank hue
		
		

Volgens (bijna) alle guru's is het onmogelijk om, met javascript, de hue van een image real-time te veranderen. En als een onschuldige webmaster in een forum vraagt hoe je de hue kan veranderen, wordt hij neerbuigend behandeld door onze "web-experts" en krijgt in niet mis te verstane bewoordingen te horen hoe een stompzinnige beginner hij wel niet is... ja, ja..

Daarom zet ik op de dns5.nl 10 regeltjes javascript en 5 regeltjes stylesheet om de kleurstelling van een plaatje (real-time) te veranderen.
Het "change-hue-javascript" werkt als volgt.
Men neme een plaatje en legge daar een (gedeeltelijk)transparante layer op, die vervolgens door middel van javascript van kleur kan veranderen. Het resultaat zie je op deze pagina en de broncode van de hue-changer kopieer je gewoon naar jouw webruimte om een nuttig doel aan de procedure te geven. Vergeet niet om de img met het id 'kleurdoos' ook te kopieren en in zowel de layer als bij het plaatje de juiste hoogte en breedte bij te voegen. Het enige wat ik verder nog te melden heb is dat het javascript volgens JSLint foutloos is.

cache 08-02-2011