隋国明-手机版个人主页

网页编程－图片放大器

<html>
<head>
<title>Acdsee Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<script language="JavaScript">
<!--
var width0;
var height0;
function initsize() {
width0=sample.offsetWidth;
height0=sample.offsetHeight;
recalcposition();
sample.style.visibility='visible';
}
function recalcposition()
{
	if ((document.body.offsetWidth-sample.offsetWidth)/2<0) {imglayer.style.left=0;}
	else {imglayer.style.left=(document.body.offsetWidth-sample.offsetWidth)/2;}
	if ((document.body.offsetHeight-sample.offsetHeight)/2<0) {imglayer.style.top=0;}
	else {imglayer.style.top=(document.body.offsetHeight-sample.offsetHeight)/2;}
	window.scrollTo(0,0);
}

var curzoom=1;
function down() {
if (event.button==1 && zoomvalue!=1) {
	curzoom*=zoomvalue;
	sample.width=width0*curzoom;
	recalcposition();
	}
}

function showtool() {
tool.style.visibility='visible';
if (document.body.scrollLeft+event.clientX+tool.offsetWidth<document.body.offsetWidth)
	tool.style.left=document.body.scrollLeft+event.clientX;
else
	tool.style.left=document.body.scrollLeft+event.clientX-tool.offsetWidth;
if (document.body.scrollTop+event.clientY+tool.offsetHeight<document.body.offsetHeight)
	tool.style.top=document.body.scrollTop+event.clientY;
else 
	tool.style.top=document.body.scrollTop+event.clientY-tool.offsetHeight;
}

var toolid=new Array;
toolid[0]='fitmode';
toolid[1]='filtermode';
toolid[2]='url';
toolid[3]='extend';
toolid[4]='home';
toolid[5]='previous';
toolid[6]='next';
toolid[7]='end';
toolid[8]='alpha1';
toolid[9]='alpha2';
toolid[10]='alpha3';
toolid[11]='blur1';
toolid[12]='blur2';
toolid[13]='light1';
toolid[14]='light2';
toolid[15]='light3';
toolid[16]='light4';
toolid[17]='wave1';
toolid[18]='wave2';
toolid[19]='wave3';
toolid[20]='favourl';
toolid[21]='importicon';

function hidetool() {
	for (i=0;i<toolid.length;i++) {
	if (event.srcElement.id==toolid[i]) return false;
	}
	tool.style.visibility='hidden';
	tool.style.left=0;
	tool.style.top=0;
}

var zoomvalue=2;
function zoomin() {
sample.style.cursor='url("images/zoom-in.cur")';
zoomvalue=2;
}

function zoomout() {
sample.style.cursor='url("images/zoom-out.cur")';
zoomvalue=1/2;
}

function move() {
sample.style.cursor='url("images/move-up.cur")';
zoomvalue=1;
}

var scrollcount=0;
var dragx;
var dragy;

var scrollarrowtop;

function initdrag() {
scrollcount=1;
dragx=document.body.scrollLeft+event.clientX;
dragy=document.body.scrollTop+event.clientY;
}

function startdrag() {
if (scrollcount==1 && zoomvalue==1) {
window.scrollBy(dragx-(document.body.scrollLeft+event.clientX),dragy-(document.body.scrollTop+event.clientY));
dragx=document.body.scrollLeft+event.clientX;
dragy=document.body.scrollTop+event.clientY;
}
}

function enddrag() {
scrollcount=0;
}

function autofit(selObj) {
fitcount=selObj.options[selObj.selectedIndex].value;
if (fitcount=="1") {
	curzoom2=document.body.offsetWidth/width0;
	curzoom=document.body.offsetHeight/height0;
	if (curzoom2<curzoom) curzoom=curzoom2;
	sample.width=width0*curzoom;
}

if (fitcount=="2") {sample.width=width0;curzoom=1;}

if (fitcount=="3") {
	curzoom=document.body.offsetWidth/width0;
	sample.width=width0*curzoom;}

if (fitcount=="4") {
	curzoom=document.body.offsetHeight/height0;
	sample.width=width0*curzoom;}

if (fitcount=="0") return false;

recalcposition();
	selObj.selectedIndex=0;
	tool.style.visibility='hidden';tool.style.left=0;tool.style.top=0;
}

function extendit() {
if (extendparam.style.display=='none') {extend.style.filter='flipv()';extendparam.style.display='block';}
else {extend.style.filter='';extendparam.style.display='none';}
}

function extendit2() {
if (slide.style.display=='none') {extend2.style.filter='flipv()';slide.style.display='block';}
else {extend2.style.filter='';slide.style.display='none';}
}

var imgid=0;
var imglist=new Array;

function filter_alpha() {
if (event.keyCode==13) {
	sample.style.filter='alpha('+'opacity='+alpha1.value+',finishopacity='+alpha2.value+',style='+alpha3.value+')';
	}
}

function filter_blur() {
if (event.keyCode==13) {
	sample.style.filter='blur('+'add=0,direction='+blur1.value+',strength='+blur2.value+')';
	}
}

function filter_light() {
if (event.keyCode==13) {
	sample.filters[0].clear();
	sample.filters[0].addCone(0,0,1,sample.offsetWidth,sample.offsetHeight,light1.value,light2.value,light3.value,light4.value,90);
	}
}

function filter_wave() {
if (event.keyCode==13) {
	sample.style.filter='wave(Add=0, Phase='+wave1.value+',Freq='+wave2.value+',LightStrength="5",Strength='+wave3.value+')';
	}
}

function importit() {
filterparam.innerHTML='&nbsp;Favo. URL&nbsp;&nbsp;<input id=favourl type=text size=24 onkeypress="readfavo()" onmouseover="this.focus();this.select()">';
}

<div id="tool" style="position:absolute; width:353px; height:10px; z-index:2; left: 0px; top: 0px; visibility: hidden">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" style="border:2px outset #ffffff;background-color:menu">
	<table width="100%" border="0" cellspacing="3" cellpadding="0">
	<tbody>
	<tr>
	<td width="20" align="center"><img src="images/zoom-in.gif" width="16" height="16" class="button" onclick="zoomin()"></td>
	<td width="20" align="center"><img src="images/zoom-out.gif" width="16" height="16" class="button" onclick="zoomout()"></td>
	<td width="20" align="center"><img src="images/move-up.gif" width="16" height="16" class="button" onclick="move()"></td>
	<td width="110" background="images/bk-guide.gif">
	<div id="zoomhandle" style="position:absolute; width:10px; height:16px; z-index:3;; left: 124px;top:4px"><img src="images/spacer.gif" width="6" height="14" style="border:2px outset #ffffff;background-color:menu" onmousedown="initdrag2()" onmousemove="startdrag2()" onmouseup="enddrag2()"></div>
	</td>
	<td id=showzoomvalue width="35">100%</td>
	<td width="95">
	<select id="fitmode" onChange="autofit(this)">
	<option value="0" selected>Fit Mode</option>
	<option value="1">Fit on Screen</option>
	<option value="2">Actual Size</option>
	<option value="3">Fit in Width</option>
	<option value="4">Fit in Height</option>
	</select>
	</td>
	<td width="20" align="center"><img src="images/print.gif" width="16" height="16" class="button" onclick="window.print()"></td>
	</tr>
	</tbody>
	<tbody>
	<tr>
	<td colspan="6">
		<table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tbody>
		<tr>
		<td width="23"><img id="home" src="images/arrow3b.gif" width="16" height="16" class="button" onclick="imgid=0;showimg()" alt="Home" hspace="1"></td>
		<td width="23"><img id="previous" src="images/arrow2b.gif" width="16" height="16" class="button" onclick="imgid-=1;showimg()" alt="Previous" hspace="1"></td>
		<td width="23"><img id="next" src="images/arrow2.gif" width="16" height="16" class="button" onclick="imgid+=1;showimg()" alt="Next" hspace="1"></td>
		<td width="23"><img id="end" src="images/arrow3.gif" width="16" height="16" class="button" onclick="imgid=imglist.length-1;showimg()" alt="End" hspace="1"></td>
		<td align="right">&nbsp;URL&nbsp;&nbsp;<input type="text" id="url" style="width:188px" onmouseover="this.focus();this.select()" onkeypress=changeimg(this) value="http://">
		</td>
		</tr>
		</tbody>
		</table>
	</td>
	<td align="center" valign="bottom"><img src="images/arrow.gif" width="9" height="10" id="extend" onclick="extendit()"></td>
	</tr>
	</tbody>
	</table>
	<table width="100%" border="0" cellspacing="3" cellpadding="0" id=extendparam style="display:none">
	<tbody>
	<tr>
	<td width="60" height="20"><select id="filtermode" onChange="addfilter(this)">
	<option value="" selected>Effect</option>
	<option value="none">None</option>
	<option value="alpha(">Alpha</option>
	<option value="fliph(">Flip-H</option>
	<option value="flipv(">Flip-V</option>
	<option value="invert(">Invert</option>
	<option value="gray(">Gray</option>
	<option value="xray(">Xray</option>
	<option value="blur(">Blur</option>
	<option value="light(">Light</option>
	<option value="wave(">Wave</option>
	</select></td>
	<td id=filterparam align="left">&nbsp;</td>
	<td width="20" align="center"><img src="images/import.gif" width="16" height="16" class="button" onclick="importit()" id="importicon" alt="Please input the URL of your favorite list file that you have ever Exported"></td>
	<td width="20" align="center"><img src="images/export.gif" width="16" height="16" class="button" onclick="exportit()" alt="Please choose the Type of Saving:Only HTML"></td>
	<td width="20" align="center"><img src="images/save.gif" width="16" height="16" class="button" onclick="document.all.WebBrowser.ExecWB(4,1)"></td>
	</tr>
	</tbody>
	</table>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>