Filtr Light

Kliknutím do obrázku přidáte další světlo. Tento filtr je celkem namáhavý na výkon počítače.

Zde je zdrojový kód ukázky:


<img id="imag" style="filter:light(enabled=1);width:460;height:270;"

src="/images/logo.gif">

<script language="JavaScript">

var xlight = 0;

window.onload = set;

document.onclick=clck;

imag.onmousemove=move;

function set(){

imag.filters[0].clear();

imag.filters[0].addcone(0,0,5,100,100,255,255,0,60,20);

if(xlight>0){

imag.filters[0].addcone(0,270,5,100,100,255,0,0,60,20);

if(xlight>1){

imag.filters[0].addcone(460,270,5,100,100,0,255,255,60,20);

if(xlight>2){

imag.filters[0].addcone(460,0,5,100,100,255,0,255,60,20);

}}}}

function clck(){

xlight = (xlight += 1)%4;

set();

}

function move(){

x = (window.event.x );

y = (window.event.y );

imag.filters[0].movelight(0,x,y,5,1);

if( xlight > 0 ){

imag.filters[0].movelight(1,x,y,5,1);

if( xlight > 1 ){

imag.filters[0].movelight(2,x,y,5,1);

if( xlight > 2 ){

imag.filters[0].movelight(3,x,y,5,1);

}}}}


</script>

Zpět na Filtry v CSS