上图,大致了解下是什么功能。
.jpg)
在二次开发过程中接触了javascript的Jquery插件,之前一直感觉js框架很不现实,其实是自己没有去接触,接触后还是有不少收获的。这是封建思想在做怪。
代码从这里下载 http://www.zhuoda.org/upload/xiezhi//magnifier-beta2.rar
用到的插件:jquery.js
调用方法:index.html
edited on 2008-08-19
今天收到一封邮件,比较意外有人在使用我的程序并且发现了些问题,于是乎决定找些时间好好完善封装一下了。
Mr.孙,你好:
现在关于位置只支持“left"和"right”,不过如果需要使其位置处于下方也很容易。
修改 jquery.jqzoom.js 里面的内容,如下:
-------------------------- step 1 --------------------------------------------------------
查找:
if(settings.position == "right"){
leftpos = imageLeft + imageWidth + settings.offset;
}else{
leftpos = imageLeft - settings.xzoom - settings.offset;
}
修改为:
if (settings.position == "right"){
leftpos = imageLeft + imageWidth + settings.offset;
toppos = imageTop;
} else if (settings.position == "bottom")
leftpos = imageLeft;
toppos = imageTop + settings.offset + imageHeight;
} else {
leftpos = imageLeft - settings.xzoom - settings.offset;
toppos = imageTop;
}
-------------------------- step 2 --------------------------------------------------------
查找:
$("div.zoomdiv").css({"top": imageTop,"left": leftpos ,"width": settings.xzoom,"height": settings.yzoom});
修改为:
$("div.zoomdiv").css({"top": toppos,"left": leftpos ,"width": settings.xzoom,"height": settings.yzoom});
以上步骤我没有严格测试过,不过思路肯定是对的。
谢谢你的使用。程序很简单,花一些时间去学习一下jquery框架就能轻松读懂程序了。
meiking,你好!有一个问题想请教你,关于调用参数,修改调用时的参数,如下:
jQuery("#zoom_div").jqueryzoom(
{
xzoom: 250, //宽度
yzoom: 250, //高度
offset: 10, //距离实图的距离
position: "right" //位置
}
);position: "right" 是相对原图的位置,可是我设置position: "bottom"后不对,放大的图并没有移到图下面,请问这个bug现在有没有修改好?
--
姓名: 谢智 住址: 朝阳.北京
Blog: http://www.zhuoda.org/xiezhi/
jQuery("#zoom_div").jqueryzoom(
{
xzoom: 250, //宽度
yzoom: 250, //高度
offset: 10, //距离实图的距离
position: "right" //位置
}
);
