Full version: jsB@nk » Image » Image viewer » Image viewer button
URL: https://www.javascriptbank.com/image-viewer-button.html
When 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
<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--><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-->