Xpounded Client-Side Image Viewer

Copy and Paste and Use this Simple Client-Side Image Viewer

Select All

<HTML>
<HEAD>
<TITLE>
Xpounded Client-Side Image Viewer
</TITLE>
<STYLE>
	.cl	{border-style:double;border-width:5;border-color:#000000}
</STYLE>
<SCRIPT Language="JavaScript">

function init(){
	//store the page view for later use
	c=document.body.innerHTML
}
var c=null
//b is a simple toggle used to track the current view.
var b=0
var st=0
var sl=0
//you can give this function a more appropriate name if you want.
function o(x){
	if(b==0){
		//record the screen position for later
		st=document.body.scrollTop
		sl=document.body.scrollLeft
		//You can adjust the amount you want the image enlarged - this is a simple doubling of size
		var xw=x.width*2
		var xh=x.height*2
		//the class cl puts a border around the picture - change it to your liking.
		//the onclick is required to get back to the origonal page view.
		//You can change the click to return wording to reflect your needs.
		var s = "<center><IMG class='cl' onclick='o(this)' width='" + xw + "' height='" + xh + "' SRC='" + x.src + "'><br><font size='+1'>Click image to return to the library</font></center>"
		document.body.innerHTML=s
		b=1
	}
	else{
		document.body.innerHTML=c
		b=0
		window.scrollTo(sl,st)
	}
}
</SCRIPT>
</HEAD>
<BODY onload="init()">

<IMG onclick="o(this)" SRC="Image1.jpeg">
<IMG onclick="o(this)" SRC="Image2.gif">
</BODY>
</HTML>

Comments in the source should help in understanding the implemetation
Feel free to use any part of our script for your own purpose

- Copyright 2003 Xpounded -
All JS code developed by Xpounded is developed in RHSCoder.
All VBS code developed by Xpounded is developed in VBS QuickDev IDE, or RHSCoder.
Privacy Statement
Feedback