300分求图片放大建议及代码(顶者有分)

sd_lichangyou 2005-06-24 11:05:16
网页中有一张图片,当鼠标移到图片上时,鼠标周围出现一个大约1cm的正方形用于选择图片区域,同时在网页中的另一个地方,把该区域放大2-3倍,大家看看如何做,提提建议,有源代码更好,分数还可以再加,顶者有分!!!!
...全文
521 44 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
44 条回复
切换为时间正序
请发表友善的回复…
发表回复
underone 2005-07-04
  • 打赏
  • 举报
回复
mikespook 2005-07-04
  • 打赏
  • 举报
回复
用两张图,一张隐藏,一张显示就可以~~
ahking 2005-07-04
  • 打赏
  • 举报
回复
up
emu_ston 2005-07-04
  • 打赏
  • 举报
回复
sd_lichangyou:

上周五就休假去了,刚刚才看到你的留言。

看看这一句:
zoom_zoomimagemult = zoom_zoomimagewid / zoom_mainimagewid;
虽然zoom_zoomimagemult保存了放大倍数,但是放大倍数并不是由zoom_zoomimagemult来决定的,而是由zoom_zoomimagewid 和 zoom_mainimagewid两个变量决定。所以你改它的值没有产生效果不奇怪。

在金山词霸上查了一下“倍数”,呵呵,果然只有一个结果:multiple,难怪难怪。zoom.js的作者应该还是查了金山词霸才定下来的变量名的。

我也没有仔细的研究过zoom.js的实现方式好不好,没有办法比较我和他的做法有什么优劣。我的做法是比较直观了,直接把原图放大若干倍,然后计算出来需要显示的区域,把不需要显示的部分隐藏掉就好了。为了显出效果,故意在显示原图的时候 把它缩小了一倍显示(srcImg.height = srcImg.height/2;)。
sd_lichangyou 2005-07-02
  • 打赏
  • 举报
回复
问题就差这最后一步了................................
sfwxw0456 2005-07-01
  • 打赏
  • 举报
回复
帮顶...
h_tq 2005-07-01
  • 打赏
  • 举报
回复
学习
h_tq 2005-07-01
  • 打赏
  • 举报
回复
h_tq 2005-07-01
  • 打赏
  • 举报
回复
帮你
xiaocui1022 2005-07-01
  • 打赏
  • 举报
回复
帮顶
xiaocui1022 2005-07-01
  • 打赏
  • 举报
回复
解决不了顶
xiaocui1022 2005-07-01
  • 打赏
  • 举报
回复
哪位高人能解决这个问题呢?多谢多谢
sd_lichangyou 2005-07-01
  • 打赏
  • 举报
回复
to emu_ston(祝福后山) :你好,这个zoom_zoomimagemult不是放大系数吧,我怎么把他的值直接改成0.5,1,4,8甚至1000时,放大图形的大小就不变呀.这个源程序中的放大系数到底是那个呀??????

请教一下,这个zoom.js在功能实现上源程序为什么这么复杂呀,而你的方法既简单又能说明问题,又什么区别,优缺点吗??

学习学习.........
profesional 2005-06-30
  • 打赏
  • 举报
回复
学习中!!!!
sd_lichangyou 2005-06-30
  • 打赏
  • 举报
回复
我没说清楚,我是用的以下的程序,不是用的'emu_ston(祝福后山)'的程序,哪个数字是改放大倍数的呀
参考的是网站http://www.blueidea.com/bbs/NewsDetail.asp?id=1930103
<script src="images/zoom.js" type="text/javascript"></script>
<script type="text/javascript">
var usezoom = 1;
var itemimagedir = 'http://localhost:99/zoomIn/images/';
var zoom_bigimagediv = 'bigimagediv';
var zoom_bigimagetablediv = 'bigimagetablediv';
var zoom_highlightdiv = 'highlightdiv';
var zoom_bigimageouterdiv = 'bigimageouterdiv';
var zoom_viewportwid = 290;//这里好象是放大区域的宽
var zoom_viewporthei = 800;//放大区域的高
var zoom_mainimagewid = 431;//被放大区域的宽
var zoom_mainimagehei = 431;//被放大区域的高
var zoom_mainimageurl = itemimagedir + 'th09.gif';
var zoom_zoomimagewid = 906;
var zoom_zoomimagehei =3358;
var zoom_zoomimageurl = itemimagedir + 'art.jpg';
var zoom_bigimagetablexoffset = 1;
var zoom_bigimagetableyoffset = 23;
var zoom_displayxposition = 0;
var zoom_displayyposition = 0;
var zoom_miniimagex = 0;
var zoom_miniimagey = 0;
var zoom_highlightbgcolor = 'ffffff';
var zoom_highlightimage = 'images/dot.gif';
function GetZoomObjectData() {
var position;

if (!InIE && !InNS6 && !DOMCompatible)
return;

position = MeMSOObjectGetPosition('mainimage');
zoom_miniimagex = position.x;
zoom_miniimagey = position.y;

position = MeMSOObjectGetPosition('locatezoomim');
zoom_displayxposition = position.x ;
zoom_displayyposition = position.y - 1;

Zoom_StartupZoomRegion();
}

onloadlist += 'GetZoomObjectData();';
</script>
「已注销」 2005-06-30
  • 打赏
  • 举报
回复
img 的 onMouseMove 事件中弹出窗口~并设置放大 zoomIn
zhangjun 2005-06-30
  • 打赏
  • 举报
回复
var zoomRate = 5;
就是放大倍数呀
sd_lichangyou 2005-06-30
  • 打赏
  • 举报
回复
现在已经实现了,放大倍数如何调整呀,谁能解释下,在线等
sd_lichangyou 2005-06-30
  • 打赏
  • 举报
回复
这种方法很简单就实现了放大,如果鼠标周围再出现个选择区域框就更好了
tanghm 2005-06-30
  • 打赏
  • 举报
回复
学习
加载更多回复(24)

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧