请教，如果定位显示一张大图中的某个区域？

办到是可以办到, 7.2M 太大了, 肯定不能够先下载再处理显示, 所以 javscript 可以不用考虑了. 应该在服务器端裁剪某一需要的部分下载 (可以类似 google map 那样)这样的话你要看看你使用的 WEB 端语言有没有相关的图片处理函数 (比如 PHP 的 GD 库) 能够裁剪图片的.

解决方案 »

  1.   

    <htmL>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <img src="http://zi.csdn.net/468.60_3.gif" STYLE="position:absolute;top:0;left:0;
        clip:rect(0px 50px 50px 0px)" />
    </body>
    </html>
      

  2.   

    由于是局域网,所以忽略下载问题,用css直接确定显示区域
      

  3.   

    对了,rect的取值规则是:
    Top, right, bottom, and left specify length values, any of which can be replaced by auto, leaving that side not clipped. The value of top specifies that everything above this value on the Y axis (with 0 at the top) is clipped. The value of right specifies that everything above this value on the X axis (with 0 at the left) is clipped. The value of bottom specifies that everything below this value on the Y axis (with 0 at the top) is clipped. The value of left specifies that everything to the left of this value on the X axis (with 0 at the left) is clipped.
      

  4.   

    谢谢Taciterry(面朝大海,春暖花开) ！但我要实现的是类似ACDSEE打开大图片的效果，这里切割后其它区域的图片就没了，如果用户用鼠标在图片里向左拖拉一下，左图的图片也要显示出来，如果用户用鼠标在图片里向右拖拉一下，右图的图片也要显示出来。能实现么？谢谢！
      

  5.   

    去找一个“透视镜”或者“放大镜”的javascript程序，大概能满足你的需求
      

  6.   

    把图片切成一个一个方块的小图片，给每个小图片按行列或在大图中的坐标进行编号，如
        r1c1.jpg, r1c2.jpg
        r2c1.jpg, r2c2.jpg
    Fireworks可以轻松处理这个任务。然后在程序里面根据需要调用需要的小图，辅以DIV层, css属性的overflow:hidden; left:33px; top:22px; clip:rect(3,4,5,6)等来实现。
      

  7.   

    我现在在onload时用scrollBy(2500,800)，有效果，但用这个方法有个问题，就是当我第一次点击这个图片中的某个点时，图就一下就往右下角滚动了。需要再用鼠标往回拖，才回到原来这个位置，能否有办法不让它一下就往右下角滚动？
    谢谢！