用JS拆解了一个地址集，如何在HTML SCR标签中调用

Question

<script language="JScript">
var imgstr = "11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg";
var imgarr = imgstr.split('|||');
for(var i=0; i<imgarr.length; i++){
var aa = imgarr[i].split('|');
document.write("编号:"+aa[0]+" URL:"+aa[1]+"<br />");
}
</script>以上拆解出来的URL需要在下面的SCR处显示，如何调用
  <div class="mainShow"><a id="bigImg" href="images/01.jpg" class="jqzoom" onclick="Biz.Common.OpenWindow.ShowPicture2('')"><img id="midImg" src="images/01.jpg" class="Picture220"/></a></div>
  <div class="scroll" id="scroll"><a href="#prev" class="prevView prevStop" ><span>显示上一幅图片</span></a>
    <ul id="thumList">
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/01.jpg" alt="" ref1="images/01.jpg" ref2="images/01.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a></li>
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/02.jpg" alt="" ref1="images/02.jpg" ref2="images/02.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture42"/></a></li>
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/03.jpg" alt="" ref1="images/03.jpg" ref2="images/03.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a></li>
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/04.jpg" alt="" ref1="images/04.jpg" ref2="images/04.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a></li>
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/05.jpg" alt="" ref1="images/05.jpg" ref2="images/05.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a></li>
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/06.jpg" alt="" ref1="images/06.jpg" ref2="images/06.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a></li>
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/07.jpg" alt="" ref1="images/07.jpg" ref2="images/07.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a></li>
      <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="images/08.jpg" alt="" ref1="images/08.jpg" ref2="images/08.jpg" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a></li>
    </ul>
    <a href="#next" class="nextView nextStop" ><span>显示下一幅图片</span></a></div>
</div>HTMLJavaScript

Answer 1

var imgstr = "11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg";
var imgarr = imgstr.split('|||');
var imgages = document.getElementById('thumList').getElementsByTagName('img');
for(var i=0; i<imgarr.length; i++){
imgages[i].src=imgarr[i].split('|')[1];
}

Answer 2

非常感谢，现在几组不同的数据出来了， 在LI也可以正确显示，可我在LI的点击数据会传送到bigImg的没有了，而且还有一个问题是我的这个数据组数是会变化的，能否根据不同的数据组LI显示相应的数量，我应该怎么修改，再次感谢大神的回复

Answer 3

可我在LI的点击数据会传送到bigImg的没有了   没有题解是什么意思而且还有一个问题是我的这个数据组数是会变化的，能否根据不同的数据组LI显示相应的数量
试下下面的代码行不行  var imgstr = "11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg";
var imgarr = imgstr.split('|||');
//var imgages = document.getElementById('thumList').getElementsByTagName('img');
var _html='' , _src;
for(var i=0; i<imgarr.length; i++){
_src = imgarr[i].split('|')[1];
_html+='<li class="moveUnit">\
  <a href="javascript:void(0)" title="" class="currentItem">\
   <img src="'+_src+'" alt="" ref1="'+_src+'" ref2="'+_src+'" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/>\
  </a>\
</li>';
}
document.getElementById('thumList').innerHTML = _html;

Answer 4

以上代码可以使用了，最后一个问题，我需要在以下这个DIV里面的src里默认显示第一组拆解出来的URL。太感谢您的帮助了，解决了我很多问题。
<div class="mainShow"><a id="bigImg" href="" class="jqzoom" onclick="Biz.Common.OpenWindow.ShowPicture2('')"><img id="midImg" src="" class="Picture220"/></a></div>

Answer 5

以上代码可以使用了，最后一个问题，我需要在以下这个DIV里面的src里默认显示第一组拆解出来的URL。太感谢您的帮助了，解决了我很多问题。
<div class="mainShow"><a id="bigImg" href="" class="jqzoom" onclick="Biz.Common.OpenWindow.ShowPicture2('')"><img id="midImg" src="" class="Picture220"/></a></div>
 var imgstr = "11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|||11|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg|http://localhost/UploadFiles/2010-09/admin/2010956731425259.jpg";
var imgarr = imgstr.split('|||');
//var imgages = document.getElementById('thumList').getElementsByTagName('img');
var _html = '' , _src;
for( var i = 0 ; i < imgarr.length ; i++ ){
  _src = imgarr[i].split('|')[1];
    if( i == 0 ){
      document.getElementById('bigImg').src = _src;
      document.getElementById('midImg').src = _src;
    }    
    _html += '<li class="moveUnit">\
              <a href="javascript:void(0)" title="" class="currentItem">\
                  <img src="' + _src + '" alt="" ref1="' + _src + '" ref2="' + _src + '" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/>\
              </a>\
            </li>';
}
document.getElementById('thumList').innerHTML = _html;

Answer 6

document.getElementById('midImg').src = _src;
我加了一行这个，解决了我刚才说的上面的问题，非常感谢，分数给你