»
EnglishFrenchVietnamese

Print - Image viewer button - JavaScriptBank.com

Full version: jsB@nk » Image » Image viewer » Image viewer button
URL: https://www.javascriptbank.com/image-viewer-button.html

Image viewer button © JavaScriptBank.comWhen user click specified button, this JavaScript will create a window contain image with large size.

Full version: jsB@nk » Image » Image viewer » Image viewer button
URL: https://www.javascriptbank.com/image-viewer-button.html



JavaScript
<SCRIPT language=javascript type=text/javascript><!-- var winheight=100 var winwidth=100 var cat=null step=1;function catswindows(name,width,height,title) { if (!document.layers&&!document.all&&!document.getElementById)  {   paramstp="height="+height+",width="+width+",top=6"+   ",left=6,scrollbars=no,location=no"+   ",directories=no,status=no,menubar=no,toolbar=no,resizable=no"   cat=window.open("","cat",paramstp);   oldstr="<html><title>"+title+"</title><body background="+name+"</b"+"ody></h"+"tml>";   cat.document.write(oldstr);   if (cat.focus){cat.focus();}   return;  }  LeftPosition=(screen.width)?(screen.width-width)/2:100; TopPosition=(screen.height)?(screen.height-height)/2:100;  if (document.layers)  {paramstp="height="+height+",width="+width+",top="+TopPosition+   ",left="+LeftPosition+",scrollbars=no,location=no"+   ",directories=no,status=no,menubar=no,toolbar=no,resizable=no"} else  {paramstp="height="+winheight+",width="+winwidth+",top="+TopPosition+  ",left="+LeftPosition+",scrollbars=no,location=no"+  ",directories=no,status=no,menubar=no,toolbar=no,resizable=no"} cat=window.open("","cat",paramstp);    if (document.all)  {   string="<html><title>"+title+"</title><body topmargin=0 leftmargin=0 bgcolor=black>";   string1="<div id=loadintxt style='position:absolute;width:100%;top:45%;text-align:center;visibility:visible;font-family:Comic Sans MS;font-size:16px;font-weight:bold'>Loading...</div>";   string2="<div id=errtxt style='position:absolute;width:100%;top:45%;text-align:center;font-family:Comic Sans MS;font-size:16px;color:red;font-weight:bold;visibility:hidden'>ERROR!!! Please try again</div>";   string3='<s'+'cript>'+'var animColorIndex=0;colorArray=["#FFFFFF","#CCCCCC","#999999","#666666","#333333","#000000","#333333","#666666","#999999","#CCCCCC"];';   string4='function textLooping(){if(animColorIndex==10)animColorIndex=0;'+   'loadintxt.style.color=colorArray[animColorIndex];animColorIndex++;}animInterval=setInterval("textLooping()",200);';   string5="function erroccur(){clearInterval(animInterval);loadintxt.style.visibility='hidden';errtxt.style.visibility='visible';}";   string6="</s"+"cript>";   string7='<s'+'cript language="jav'+'ascript1.2">';   string8='function init(){clearInterval(animInterval);'+   "loadintxt.style.visibility='hidden';"+   'fltr.filters.item(0).Apply();fltr.filters.item(0).Play();'+   'fltr.style.visibility="visible";}'+'</s'+'cript>';   string9='<img id="fltr" style="filter:BlendTrans(Duration=5);visibility:hidden" src="'+name+'" border=0'+   ' width='+width+' height='+height+' onload="init()" onerror="erroccur()">'+   '</b'+'ody></h'+'tml>';  }   if (document.layers)  {   toppos=height/2-40;   leftpos=width/2-40;   string="<html><title>"+title+"</title><body bgcolor='#000000'><div id=loadintxt style='position:absolute;top:"+toppos+"px;left:"+leftpos+"px;'></div>"   string1='<s'+'cript>var animColorIndex=0;colorArray=["#FFFFFF","#CCCCCC","#999999","#666666","#333333","#000000","#333333","#666666","#999999","#CCCCCC"];'   string2='function textLooping(){if(animColorIndex==10)animColorIndex=0;document.loadintxt.document.open();'   string3='document.loadintxt.document.write("<center><font size=4 face=Comic Sans MS color="+colorArray[animColorIndex]+"><b>Loading...</b></font></center>");document.loadintxt.document.close();'   string4='animColorIndex++;};animInterval=setInterval("textLooping()",200);</s'+'cript>'   string5='<s'+'cript language="jav'+'ascript1.2">'   string6="function init(){document.catpic.visibility='show';clearInterval(animInterval);document.loadintxt.visibility='hide';};"   string7="function erroccur(){errstr='ERROR!!! Please try again';alert(errstr);}</s"+"cript>"   string8="<div id=catpic style='position:absolute;left:0px;top:0px;visibility:hidden'>"   string9="<img src='"+name+"' width="+width+" height="+height+" border=0 onload='init()' onerror='erroccur()'></div></b"+"ody></h"+"tml>";  }  if (document.getElementById&&!document.all)  {   toppos=height/2-40;   leftpos=width/2-40;   string="<html><title>"+title+"</title><body bgcolor='#000000'><div id=loadintxt style='position:absolute;top:"+toppos+"px;left:"+leftpos+"px;'></div>"   string1='<s'+'cript>var animColorIndex=0;colorArray=["#FFFFFF","#CCCCCC","#999999","#666666","#333333","#000000","#333333","#666666","#999999","#CCCCCC"];';   string2='function textLooping(){if(animColorIndex==10)animColorIndex=0;ls="<font size=4 face=Comic Sans MS color="+colorArray[animColorIndex]+"><b>Loading...</b></font>"';   string3='document.getElementById("loadintxt").innerHTML=ls;'   string4='animColorIndex++;};animInterval=setInterval("textLooping()",200);</s'+'cript>'   string5='<s'+'cript language="jav'+'ascript1.2">'   string6='function init(){document.getElementById("catpic").style.visibility="visible";clearInterval(animInterval);document.getElementById("loadintxt").style.visibility="hide";}';   string7="function erroccur(){errstr='ERROR!!! Please try again';alert(errstr);}</s"+"cript>"   string8="<div id=catpic style='position:absolute;left:0px;top:0px;visibility:hidden'>";   string9="<img src='"+name+"' width="+width+" height="+height+" border=0 onload='init()' onerror='erroccur()'></div></b"+"ody></h"+"tml>";   x=y=step;   while (x | y)    {     cat.resizeBy (x, y);     if (cat.window.innerWidth >= width) x=0;     if (cat.window.innerHeight >= height) y=0;    }  } cat.document.writeln(string); cat.document.writeln(string1); cat.document.writeln(string2); cat.document.writeln(string3); cat.document.writeln(string4); cat.document.writeln(string5); cat.document.writeln(string6); cat.document.writeln(string7); cat.document.writeln(string8); cat.document.writeln(string9); if (document.all)  {   x=y=step;   while (x | y)   {    cat.resizeBy (x, y); if (cat.document.body.clientWidth >= width) x=0; if (cat.document.body.clientHeight >= height) y=0;   }  } if(cat.focus){cat.focus();}  return;}function CloseCatWin() {if(cat!=null && cat.open)cat.close()} window.onfocus=CloseCatWin;//--></SCRIPT><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<IMG alt="JSBank- Cac hieu ung javascript" src="logojs.gif"><br><INPUT onclick="catswindows('logojs.gif','450','355','JavaScriptBank.com'); return false" onfocus=this.blur() type=button value=View><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->