»
EnglishFrenchVietnamese

Print - Image Viewer - JavaScriptBank.com

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

Image Viewer © JavaScriptBank.comThis JavaScript will decrease/increase size of original image if user click specified buttons.

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



CSS
<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-->


JavaScript
<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-->


HTML
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-->