问个简单的js问题

<script language="javascript">
var img = new Image();
var s;
function x(s){
 document.images["myImage"].src=s;
}
</script>   
  </head>   
      <body>       
<div id="daasd"> <a href="   <script language="javascript">
var img = new Image();
var s;
function x(s){
 document.images["myImage"].src=s;
  


} 
</script>   
  </head>   
      <body>       
<div id="daasd"> <a href="  [color=#FF0000]  myImage.src    " rel="lightbox[roadtrip]"><img id="myImage" src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="400" height="400" /></a>
</div>
<br/><br/>
<div id="wwqw">
   <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><a  href ="javascript:x(a1.src)"><img id="a1" src="../../../images/hzxs_logo.jpg" width="75" height="75" alt=""  /></a></li>
    <li><a  href ="javascript:x(a2.src)"><img id="a2" src="../../../images/tag_logo.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a3.src)"><img id="a3" src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a4.src)"><img id="a4" src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a5.src)"><img id="a5" src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a6.src)"><img id="a6" src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a7.src)"><img id="a7" src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a8.src)"><img id="a8" src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a9.src)"><img id="a9" src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></a></li>
    <li><a  href ="javascript:x(a10.src)"><img id="a10" src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></a></li>
  </ul>
</div>
   </body>
 </html>   功能 ：就是点击图片，大图片会在页面是显示，显示出来再用灯箱技术全屏显示背景变黑，所以需要a标签里的 href 里的图片地址动态起来，跟后面的 src图片链接一样 ，   要怎么改呀？ps:帮我实现动态的href值 ＝  myImage.src 

解决方案 »

  1.   

    在dom中，任何元素都是可以有标示id的，这样js里就可以对他进行控制了
      

  2.   

    function x(s){
    document.images["myImage"].src=s;
     document.getelementbyid("abc").href=s;
    } 
    这样就可以了 ，现在发现这样写会有浏览器不识别，我改用纯jquery了
    jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel({
    });
    jQuery('li').css("cursor","pointer");
    jQuery('img').click(function(){
     jQuery('#myImage').attr("src",this.src);  
     jQuery('#abc').attr("href",this.src);
     });
    });