网眼图片 上下移动正常显示，左右移动只显示第一张？

Question

本帖最后由 DiaoNianYu 于 2012-07-10 06:16:46 编辑

Answer 1

弹出index看看
function showImg(index){
        var adHeight = $(".content_right .ad").width();
alert(index);
        $(".slider").stop(true,false).animate({left:-adHeight*index},1000);
        $(".num li").removeClass("on")
            .eq(index).addClass("on");
}

Answer 2

这是 HTML 代码：<!--------***********   网眼开始 ********* --------> 
        
         <div class="content_right">
<div class="ad" >
        <ul class="slider" >
                <asp:Repeater ID="RepeaterWY" runat="server">
                <ItemTemplate>
                    <li>
                      <a class="tooltip"  title='<%#Eval("Title").ToString()%>' href='../AdminManager/newsshowdetail.aspx?id=<%# Eval("NewsId") %>'>               
                        <img alt="<%# Eval("TitleUrl")%>" src='../upload/<%# Eval("TitleUrl")%>'/></a> 
                    </li>
                </ItemTemplate>
                </asp:Repeater>  
            </ul>  
<ul class="num" >
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>
</div>
         </div> 
         
<!--------***********   网眼结束 ********* -------->

Answer 3

 class="slider"中，slider的宽度只有一张图片的宽度话，其它的图片都会向下排列，所以这个时候，你要定义好slider的宽度，加一下这个看看：
var sliderWidth=$(".slider li").width()*5;
//若是LI之间有Margin，border的宽度或其它的间隙的话，还要sliderWidth+=间隙*5
$(".slider").css("width",sliderWidth);此时，类ad加上overflow:hidden;