日期:2014-05-17  浏览次数:20457 次

JS图片轮换个数在哪里设置?
原来下面只5个图片轮换的,从<li data-id="5" class=""></li>到<li data-id="4" class=""></li>

后来加了个<li data-id="5" class=""></li>,打开网页鼠标放在上面,显示空白的,原来的5个正常。

	   <ul id="focus_img_list" class="big_pic_list">
       <asp:Repeater ID="Repeater_bt" runat="server">
<ItemTemplate>
       <li>
            <a target="_blank" title="<%# Eval("Photo_Name") %>" href=""><img src="Admin/UpSmallPhoto/<%# Eval("Photo_Path") %>" width="555" height="364" alt="<%# Eval("Photo_Name") %>"></a>
            <div class="opacity_bg"></div>
            <a title="<%# Eval("Photo_Name") %>" target="_blank" class="pic_tit" href=""><%# Eval("Photo_Name") %></a>
        </li>
</ItemTemplate>
</asp:Repeater>
  
  </ul><ul id="focus_img_toggle" class="big_pic_btn"> <li data-id="0" class=""></li>
<li data-id="1" class=""></li> <li data-id="2" class="act"></li> <li data-id="3" class=""></li> <li data-id="4" class=""></li> <li data-id="5" class=""></li></ul>





function imageToggleInitbak(){
 $('#focus_img_toggle').children().bind('mouseover',function() {
 var num = $(this).attr("data-id");
 var left_value = 540*(num);
 document.getElementById("focus_img_list").style.left = "-"+left_value+"px";
 $('#focus_img_toggle').children().removeClass("act");
 $(this).addClass("act");
        });


------解决方案--------------------
用FF来查看,如果有5张图以上,那就是<ul id="focus_img_list" class="big_pic_list">的宽度问题了