设置的热点怎样随着图像的缩放而缩放？

    假定在图像的（10，10，10）处有一棵小树，我把（10，10，10）设定成为一个热点，点击这个点可以跳到我链接的页面。但是图像有缩放功能，随着图像的缩放，这棵小树已经不在（10，10，10）处，但是设定的热点（10，10，10）还是没变。也就是说我只能点击（10，10，10）处才能有链接，我点击那棵小树不能链接到下一个页面。    怎样才能叫我设定的热点随着图像的缩放而改变，也就是说无论的我图片如何缩放，我只要点击那棵小树就可以得到我想要的页面？？？

解决方案 »

  1.   

    <script>
    var map = document.createElement("Map");
    area = document.createElement("area");
                    // 设置热区类型
                       area.shape = '';
                    // 设置热区坐标
                      area.coords = '';
                    // 设置热区对应链接
                     area.href = '';
                    // 设置热区对应事件
                      area.onclick = '';
                    // 设置热区id
                     area.id =  '';
                    // 向MAP中追加热区对象
                     map.appendChild(area);
    //然后图片添加一下这个map对象就行了
    document.getElementById(imgID).appendChild(map);    </script>
      

  2.   


    小妹不才！不知道怎么用！能不能再说详细点！比如说这个SCRIPT要放在哪里？怎么调用？那个ONCLICK和那个ID怎么设置？非常感谢~！
      

  3.   


    就把这段代码放在你那个热区点击事件里就行了。
    然后那个imgID 就写你那个图片的id就可以了，
    意思就是点击这个图，然后重新给这个图加一下热区