لا داعي للقلق بشأن هذا الأمر.
-------------------------------------
هذا المنتج:
-------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<أتش تي أم أل>
<الرأس>
<TITLE> مستند </TITLE>
<نمط النوع = "نص/CSS">
جسم{
الحشو: 0 بكسل؛
الهامش: 0 بكسل؛
لون الخلفية : #999999 ;
}
.ديفمين {
الموقف: مطلق؛
محاذاة النص: المركز؛
تجاوز: مخفي؛
}
قسم القائمة {
الموقف: مطلق؛
محاذاة النص: يسار؛
تجاوز: مخفي؛
}
إيمجمين {
الموقف: مطلق؛
تجاوز: مخفي؛
الحدود: 0 بكسل؛
}
.تبماين {
لون الخلفية : #CCCCCC ;
الحشو: 0 بكسل؛
الحدود: 0 بكسل؛
الفهرس z : 99 ؛
ارتفاع الخط : 18 بكسل ؛
}
قائمة الطعام {
لون الخلفية : #FFCCCC ;
الحشو: 0 بكسل؛
الحدود: 0 بكسل؛
الفهرس z : 99 ؛
اللون: #000000؛
}
.هرسكرول {
الهامش: 0 بكسل؛
لون الخلفية : #FFFFFF ;
الحشو: 0 بكسل؛
الحدود: 0 بكسل؛
الفهرس z : 99 ؛
اللون : #000000 ;
تباعد الحدود: 0px؛
العرض: 160 بكسل؛
الارتفاع: 10 بكسل؛
}
</نمط>
<لغة البرنامج النصي = "جافا سكريبت">
<!--
فار العرض الأصلي ;
فار الأصلي الارتفاع ;
فار objDivMain ;
فار objTbMain ;
فار objImg ;
فار ObjDrag ;
فار objDivMenu ;
فار objTbMemu ;
فار objbtnImgInfo ;
فار objDivFlag;
فار objHrScroll;
فار أوركتس ;
فار oTextRange ;
وظيفة سيتينيت (أوبج) {
objDivMain = document.getElementById("divMain");
objTbMain = document.getElementById("TbMain");
objDivMenu = document.getElementById("DivMenu");
objTbMenu = document.getElementById("TbMenu");
objImg = document.getElementById("imgMain");
objbtnImgInfo = document.getElementById("btnImgInfo");
objDivFlag = document.getElementById("DivFlag");
objHrScroll = document.getElementById("HrScroll");
originalWidth = obj.width;
originalHeight = obj.height;
objImg.style.width = originalWidth;
objImg.style.height = originalHeight;
fmImgZoom.FitScreen.click();
}
وظيفة setFitScreen () {
initImg(objImg);
}
مجموعة الدالة الأصلية () {
فار intBodyWidth ;
فار intBodyHeight ;
intBodyWidth = document.body.clientWidth ;
intBodyHeight = document.body.clientHeight ;
objImg.style.left = 0 ;
objImg.style.top = 0 ;
objImg.style.width = originalWidth;
objImg.style.height = originalHeight;
objImg.style.zoom = 1 ;
objDivMain.style.width = intBodyWidth ;
objDivMain.style.height = intBodyHeight - objTbMain.clientHeight;
fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
}
وظيفة initImg(objCurrent) {
فار intBodyWidth ;
فار intBodyHeight ;
intBodyWidth = document.body.clientWidth ;
intBodyHeight = document.body.clientHeight ;
objTbMain.style.top = 0;
objTbMain.style.height = 20;
objTbMain.style.width = intBodyWidth;
objDivMain.style.left = 0 ;
objDivMain.style.height = intBodyHeight - objTbMain.clientHeight;
objDivMain.style.width = intBodyWidth ;
initZoom(objCurrent);
}
وظيفة initZoom(obj){
فار intObjWidth ;
فار intObjHeight ;
فار intDivHeight ;
فار intZoomRatio ;
intDivHeight = objDivMain.style.pixelHeight;
intObjHeight = obj.style.pixelHeight;
intZoomRatio = intDivHeight / intObjHeight;
obj.style.zoom = intZoomRatio ;
obj.style.top = 0;
obj.style.left = 0;
fnWritePos (obj.style.left,obj.style.top,obj.style.zoom) ;
}
وظيفة fnMouseDown(obj) {
ObjDrag=obj;
ObjDrag.setCapture();
ObjDrag.l=event.x-ObjDrag.style.pixelLeft;
ObjDrag.t=event.y-ObjDrag.style.pixelTop;
}
الدالة fnMouseMove() {
إذا (ObjDrag!=null) {
ObjDrag.style.left = events.x-ObjDrag.l;
ObjDrag.style.top = events.y-ObjDrag.t;
fnWritePos(ObjDrag.style.left,ObjDrag.style.top,ObjDrag.style.zoom);
}
}
الدالة fnMouseUp() {
إذا (ObjDrag!=null) {
ObjDrag.releaseCapture();
ObjDrag=null;
}
}
الدالة فنزومين () {
objImg.style.zoom = parseFloat(objImg.style.zoom) + 0.01 ;
fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
}
الدالة fnZoomOut() {
إذا (objImg.style.zoom>0.01){
objImg.style.zoom = parseFloat(objImg.style.zoom) - 0.01؛
fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
}
}
الدالة fnDivMouseDown() {
إذا (event.button == 2 && events.srcElement.id != "imgMain") {
objDivMenu.style.top = events.y;
objDivMenu.style.left = events.x;
objDivMenu.style.visibility = "";
oTextRange = objHrScroll.createTextRange();
oRcts = oTextRange.getClientRects();
oBndRct = objDivFlag.getBoundingClientRect();
objDivFlag.style.top = oRcts[0].top;
objDivFlag.style.left = oRcts[0].left + parseInt(objImg.style.zoom * 10) ;
objDivFlag.style.visibility = "";
}
إذا (event.button == 1 && events.srcElement.id != "imgMain") {
objDivMenu.style.visibility = "hidden";
objDivFlag.style.visibility = "hidden";
}
}
الدالة fnWritePos(intLeft,intTop,intZoom) {
objbtnImgInfo.innerText = "ImgLeft:" + intLeft + "ImgTop:" + intTop + "ImgZoom:" + intZoom؛
}
الدالة fnSlipMouseDown(obj) {
ObjDrag=obj;
ObjDrag.setCapture();
ObjDrag.l = events.x - ObjDrag.style.pixelLeft;
ObjDrag.t = ObjDrag.style.pixelTop;
}
الدالة fnSlipMouseMove() {
إذا (ObjDrag!=null) {
if(event.x >= oRcts[0].left && events.x <= oRcts[0].right ){
ObjDrag.style.left = events.x - objDivFlag.offsetWidth / 2;
}
ObjDrag.t = ObjDrag.style.pixelTop;
var intCurrentPos = ObjDrag.style.pixelLeft - oRcts[0].left + objDivFlag.offsetWidth / 2;
فار intPicZoom = intCurrentPos / 10;
objImg.style.zoom = intPicZoom;
fnWritePos(objImg.style.left,objImg.style.top,objImg.style.zoom);
}
}
الدالة fnSlipMouseUp() {
إذا (ObjDrag!=null) {
ObjDrag.releaseCapture();
ObjDrag=null;
}
}
وظيفة عرض () {
إذا (objImg.style.visibility == ""){
objImg.style.visibility = "hidden";
}
آخر{
objImg.style.visibility = "";
}
}
الدالة fnContextMenu() {
window.event.returnValue=false;
}
//-->
</النص>
</الرأس>
<BODY oncontextmenu="fnContextMenu()">
<اسم النموذج = "fmImgZoom">
<معرف الجدول = "tbMain" فئة = "TBMain">
<TR>
<TD>
<input type = "button" name = "ZoomIn" value = "ZoomIn" onclick = "fnZoomIn ()">
<نوع الإدخال = "زر" اسم = "تكبير/تصغير" القيمة = "تكبير/تصغير" عند النقر = "fnZoomOut ()">
<نوع الإدخال = "زر" اسم = "القيمة الأصلية" = "الأصلي" عند النقر = "setOriginal ()">
<نوع الإدخال = "زر" اسم = "FitScreen" القيمة = "FitScreen" عند النقر = "setFitScreen ()">
<نوع الإدخال = "زر" اسم = "btnView" القيمة = "إخفاء / عرض" عند النقر = "setDisplay ()">
<معرف الإدخال = "btnImgInfo" الحجم = "50">
</TD>
</TR>
</الجدول>
<div id="divMain" class="DivMain" onmousedown="fnDivMouseDown()"><img src="<A href="/u/info_img/2009-06/08/22.jpg" id="imgMain" class = "imgMain" onload = "setInit (this)" onmousedown = "fnMouseDown (this)" onmousemove = "fnMouseMove ()" onmouseup = "fnMouseUp ()" </div>
<div id="divMenu" class="DivMenu" style="visibility:hidden">
<فئة الجدول = "TBMenu">
<TR>
<TD>10%</TD>
<TD><button id="HrScroll" class="HrScroll"><hr noshade></button> </TD>
<TD>1600%</TD>
</TR>
</الجدول>
</div>
<DIV ID="DivFlag" STYLE="position:absolute;visibility:hidden;width:1px;height:10px;z-index:99" onmousedown="fnSlipMouseDown(this)" onmousemove="fnSlipMouseMove()" onmouseup=" fnSlipMouseUp()" onmouseover="this.style.cursor ='hand'" onmouseout="this.style.cursor=''">↑</DIV>
</النموذج>
</الجسم>
</HTML>