这是ul标签里的 图片  实现了 onmouse选择图片 图片轮播
<div class="pro_detail_left">
       <div class="jqzoom">
            <img ID = "DrugImgRepeater" src="DrugImg/zhongxiyiyao/jierezhentong/ganmaofashao/fenbide_300x300.jpg" class="fs" alt=""  jqimg="DrugImg/zhongxiyiyao/jierezhentong/ganmaofashao/fenbide1_big.jpg" id="bigImg"/>
        </div>
                   <div style = "float:left;">
                        <div style="float:left;margin-top:20px;">
                            <a class="prev" href="javascript:void();"><img alt=""  src="DrugImg/zhongxiyiyao/jierezhentong/ganmaofashao/left.jpg" /></a>
                        </div>
                        <div id="block" style="float:inherit;margin-top:15px;margin-left:0px;">
                             <div id="botton-scroll">
                             <ul class="featureul">
                             <asp:Repeater ID="imgRepeater" runat="server">
                                        <ItemTemplate>
                                         <li class="featureBox">
                                            <div class="box"><img alt="" src='<%#Eval("PIC1") %>' style="border:1px solid white" onmouseover="this.style.borderColor='#ff0000';" onMouseout="this.style.borderColor='#FFFFFF';"></div>
                                         </li>
                                         <li class="featureBox">
                                        <div class="box"><IMG alt="" src='<%#Eval("PIC2") %>' style="border:1px solid white" onmouseover="this.style.borderColor='#ff0000';" onMouseout="this.style.borderColor='#FFFFFF';"></div>
                                      </li>
                                      <li class="featureBox">
                                         <div class="box"><IMG alt="" src='<%#Eval("PIC3") %>' style="border:1px solid white" onmouseover="this.style.borderColor='#ff0000';" onMouseout="this.style.borderColor='#FFFFFF';"></div>
                                      </li>
                                      <li class="featureBox">
                                         <div class="box"><IMG alt="" src='<%#Eval("PIC4") %>' style="border:1px solid white" onmouseover="this.style.borderColor='#ff0000';" onMouseout="this.style.borderColor='#FFFFFF';"></div>
                                      </li>
                                      <li class="featureBox">
                                         <div class=box><IMG alt="" src='<%#Eval("PIC5") %>' style="border:1px solid white" onmouseover="this.style.borderColor='#ff0000';" onMouseout="this.style.borderColor='#FFFFFF';"></div>
                                      </li>
                                      <li class=featureBox>
                                        <div class=box><IMG alt="" src='<%#Eval("PIC6") %>' style="border:1px solid white" onmouseover="this.style.borderColor='#ff0000';" onMouseout="this.style.borderColor='#FFFFFF';"></div>
                                      </li>
                                        </ItemTemplate>
                                  
                                     </asp:Repeater>
                                     <script src="Static/Script/MedicineJS/switchImg.js" type="text/javascript"></script>
                                     </ul>
                                  <!-- /botton-scroll -->
                            </div>
                            <!-- /block -->
                      </div>
                      <div style="float:right;margin-top:20px">
                           <A class=next href="javascript:void();"><img alt=""  src="DrugImg/zhongxiyiyao/jierezhentong/ganmaofashao/right.jpg" ></A>
                      </div>
                  </div>
原先 没有 《asp:Repeater》 加了之后 onmouse 选择图片 效果 和图片轮播都没了
菜鸟求解啊

解决方案 »

  1.   

    对比加了和没加的html,肯定生成的html有不一样的地方。然后这个不一样的地方,再分析是什么原因造成的。
      

  2.   

     
    不用贴这个绑定代码
    很简单的,你运行你的页面,然后右键查看源码,
    看看img src的路径图片直接放在浏览器能不能访问的到。
      

  3.   

    $(function(){
    $(".pro_detail_left ul asp:Repeater ItemTemplate li img").livequery("mousemove",function(){ 
      var imgSrc = $(this).attr("src");
      var i = imgSrc.lastIndexOf(".");
      var unit = imgSrc.substring(i);
      imgSrc = imgSrc.substring(0,i);
      var imgSrc_small = imgSrc + "_small"+ unit;
      var imgSrc_big = imgSrc + "_big"+ unit;
      $("#bigImg").attr({"src": imgSrc_small ,"jqimg": imgSrc_big });
      $("#thickImg").attr("href", imgSrc_big);
    });
    });
      

  4.   

    .pro_detail_left ul asp:Repeater ItemTemplate li img   右击查看源码  看看实际标签asp:Repeater是为编译前的服务端标签  浏览器输出可不是这个