»
EnglishFrenchVietnamese

Print - Blur image filter - JavaScriptBank.com

Full version: jsB@nk » Image » Blur image filter
URL: https://www.javascriptbank.com/filters.html

Blur image filter © JavaScriptBank.comThe script applys blur effect for image.

Full version: jsB@nk » Image » Blur image filter
URL: https://www.javascriptbank.com/filters.html



JavaScript
<SCRIPT language=JavaScript><!--//Decalare and intitialize variables with default valusvar Blur = new Array(0,45,90,135,180,255,270,315); // Array used to store default values for angles' degreesvar BlurCounter = 0; // Counter to track  used degree//This function would take the counter into consideration and loop through//the array in order to view the whole viewsfunction EffectBlur(){ try    {     //Check if the counter reaches to it's end point ( array length )     //if so, then counter would be re-initialized again, to repeat the loop.     if (BlurCounter == (Blur.length-1))         BlurCounter = 0;     else         BlurCounter = BlurCounter + 1;          //Apply the loop at the img element.     //Blur : Name of filter you would like to implement.     //Add : boolean to implement blur on the image or not [1/0]     //Direction : Clock wise degree, negative values would reverse the effect.     //Strength : Number of pixles to implement blur effect on.     document.all['imgFocus'].style.filter = "Blur(Add=1,Direction="+Blur[BlurCounter]+",Strength=240)";     } catch(e)      {       alert(e.description);      }} //Repeates the function every 2000 secondssetInterval("EffectBlur()",2000);--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<IMG id=imgFocus height=238 src="hugotree__photo__dn103dn0.gif" width=288 name=imgFocus><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->