magnifierlite.js

用最近的dojo1.2.1制作前端的ajax购书网站

/*
	Copyright (c) 2004-2008, The Dojo Foundation All Rights Reserved.
	Available via Academic Free License >= 2.1 OR the modified BSD license.
	see: http://dojotoolkit.org/license for details
*/


if(!dojo._hasResource["dojox.image.MagnifierLite"]){
dojo._hasResource["dojox.image.MagnifierLite"]=true;
dojo.provide("dojox.image.MagnifierLite");
dojo.experimental("dojox.image.MagnifierLite");
dojo.require("dijit._Widget");
dojo.declare("dojox.image.MagnifierLite",dijit._Widget,{glassSize:125,scale:6,postCreate:function(){
this.inherited(arguments);
this._adjustScale();
this._createGlass();
this.connect(this.domNode,"onmouseenter","_showGlass");
this.connect(this.glassNode,"onmousemove","_placeGlass");
this.connect(this.img,"onmouseout","_hideGlass");
this.connect(window,"onresize","_adjustScale");
},_createGlass:function(){
var _1=this.glassNode=dojo.doc.createElement("div");
this.surfaceNode=_1.appendChild(dojo.doc.createElement("div"));
dojo.addClass(_1,"glassNode");
dojo.body().appendChild(_1);
dojo.style(_1,{height:this.glassSize+"px",width:this.glassSize+"px"});
this.img=dojo.clone(this.domNode);
_1.appendChild(this.img);
dojo.style(this.img,{position:"relative",top:0,left:0,width:this._zoomSize.w+"px",height:this._zoomSize.h+"px"});
},_adjustScale:function(){
this.offset=dojo.coords(this.domNode,true);
this._imageSize={w:this.offset.w,h:this.offset.h};
this._zoomSize={w:this._imageSize.w*this.scale,h:this._imageSize.h*this.scale};
},_showGlass:function(e){
this._placeGlass(e);
dojo.style(this.glassNode,{visibility:"visible",display:""});
},_hideGlass:function(e){
dojo.style(this.glassNode,{visibility:"hidden",display:"none"});
},_placeGlass:function(e){
this._setImage(e);
var _5=Math.floor(this.glassSize/2);
dojo.style(this.glassNode,{top:Math.floor(e.pageY-_5)+"px",left:Math.floor(e.pageX-_5)+"px"});
},_setImage:function(e){
var _7=(e.pageX-this.offset.l)/this.offset.w;
var _8=(e.pageY-this.offset.t)/this.offset.h;
var x=(this._zoomSize.w*_7*-1)+(this.glassSize*_7);
var y=(this._zoomSize.h*_8*-1)+(this.glassSize*_8);
dojo.style(this.img,{top:y+"px",left:x+"px"});
},destroy:function(_b){
dojo._destroyElement(this.glassNode);
this.inherited(arguments);
}});
}