Full version: jsB@nk » » Image Viewer
URL: https://www.javascriptbank.com/image-viewer.html
This JavaScript will decrease/increase size of original image if user click specified buttons.
Full version: jsB@nk » » Image Viewer
URL: https://www.javascriptbank.com/image-viewer.html
<STYLE type=text/css>BODY {PADDING-RIGHT: 5%; PADDING-LEFT: 5%; BACKGROUND: #ffffff; PADDING-BOTTOM: 5%; FONT: 13px Tahoma; COLOR: #000000;}H1 {BACKGROUND: #ffffff; COLOR: #000ccc; TEXT-INDENT: 5px; LETTER-SPACING: -0.5mm}A {COLOR: #0000ff}A:visited {COLOR: #0000ff}A:hover {COLOR: #ff0000}</STYLE><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
<SCRIPT language=JavaScript type=text/javascript><!--//THIS SCRIPT IS MADE BY HAMAD BELSHALAT //DO NOT REMOVE THESE COMMENTS //THANK YOU //THIS SCRIPT IS NOT SUPPORTED ON OLD BROWSERS EXAMPLE: Netscape 4, Netscape 3 function zoom(type) { if (type=="in" ) {document.images["img"].width+=2;document.images["img"].height+=2;} if (type=="out") {document.images["img"].width-=2;document.images["img"].height-=2;} }//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
Sample: <DIV style="PADDING-RIGHT: 3%; PADDING-LEFT: 3%; BACKGROUND: #eeeeee; PADDING-BOTTOM: 3%; FONT: 13px Tahoma, Arial; WIDTH: 350px; COLOR: #000000; PADDING-TOP: 3%; TEXT-ALIGN: center"><IMG style="BORDER-RIGHT: #000c4c 3px solid; BORDER-TOP: #000c4c 3px solid; BORDER-LEFT: #000c4c 3px solid; BORDER-BOTTOM: #000c4c 3px solid" height=132 alt="" src="logojs.gif" width=132 name=img><BR><A href="javascript:zoom('in')">Zoom in</A> <BIG>|</BIG> <A href="javascript:zoom('out')">Zoom out</A> <BIG>|</BIG> <A href="javascript:location.reload()">Reset</A> <BR><BR></DIV><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->