Move your mouse on the image:
// At first,add a IMG object to the page,set id="orig",and then:
window.onload = function(){
new qsoft.PopBigImage("orig",20,0,2,2).render(); // or
qsoft.PopBigImage.create("orig",20,0,2,2,false).render();
}
// or add this to the img tag:
onmouseover="qsoft.PopBigImage.create(this,20,0,2,2,true);"
作者: kimmking@163.com
2009年3月24日16:03:13
功能描述:
一般页面的的图片为了布局考虑,显示大小都小于实际大小。
鼠标在图片上移动时,在旁边展示一个跟此图片显示大小一样的层。
并讲鼠标附近区域对应的原始图片的区域按原始大小显示在这个层中。
v0.1:实现了IE下的鼠标滑动小图动态展示对应的放大局部图的功能。
v0.2:实现了Firefox的兼容支持,修改了IE下传递偏移0,0时有空隙的对不齐问题。
v0.3:实现了鼠标第一次进入图片时动态创建显示层和设定展示层的宽高。提供了一个静态创建方法。
v0.35:加入了对google chrome浏览器的支持。
参数描述:
origImageId: 要绑定的img对象的id
dx:展示大图相对于绑定的img对象右方的x轴偏移量
dy:展示大图相对于绑定的img对象上方的y轴偏移量