这是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 选择图片 效果 和图片轮播都没了
菜鸟求解啊
不用贴这个绑定代码
很简单的,你运行你的页面,然后右键查看源码,
看看img src的路径图片直接放在浏览器能不能访问的到。
$(".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);
});
});