Cloud Zoom使用问题

因页面需要，
 一个商品有很多颜色，每个颜色有很多图片。   每张图片都放大的功能。
 如下,一个图片放大镜功能。因程序需要。点击某按钮时，图片要换一张，放大也要相应放大更换的。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="http://blog.365jieri.cn/projects/cloud-zoom.1.0.2/cloud-zoom.1.0.2.min.js"></script><link type="text/css" href="http://blog.365jieri.cn/projects/cloud-zoom.1.0.2/cloud-zoom.css" rel="stylesheet" media="screen" 
<a id="tp1" href="http://blog.365jieri.cn/projects/cloud-zoom.1.0.2/images/big.jpg" class="cloud-zoom" rel="adjustX:12"> 
<img id="tp2" src="http://blog.365jieri.cn/projects/cloud-zoom.1.0.2/images/small.jpg" /> </a>最开想的是更换下面2个属性即可。但是实验发现，虽然都改了，但是放大功能还是放大的是页面加载时的那张图片。
【
document.getElementById("a").href="images/Business/AT1_a.jpg";
document.getElementById("img").src="images/Business/AT1_a.jpg";
】
又想到了这样做，给他们加个容器，先清空，在追加。但是这样也无效，Jquery库直接报错
【document.getElementById("div").innerHTML=""；
document.getElementById("div").innerHTML="<a>........."；
】
请教有同问题，或者知道的人帮忙下。
 

解决方案 »

  1.   

    document.getElementById("tp1").href="images/Business/AT1_a.jpg"
    document.getElementById("tp1").src="images/Business/AT1_a.jpg"同时提醒下 一个要大图一个小图
      

  2.   


    老的插件我不清楚，新的插件都是一张图，然后一个herf的指向。我贴的那个脚本你执行下就知道了。一个图的
      

  3.   

    http://blog.365jieri.cn/projects/cloud-zoom.1.0.2/images/small.jpg
    http://blog.365jieri.cn/projects/cloud-zoom.1.0.2/images/big.jpg
    是一张图？？
    我怎么看大小不一样呢~
      

  4.   


    你仔细看看他是 a 还是 img