jquery列表页悬浮显示图片 分页显示

<script>

function s(id) {

            var index = $("#index" + id).val();

            if (index > 0) {

                index--;

                $(".himg" + id).hide();

                $("#img" + id + "_" + index).show();

                $("#index" + id).val(index);

            }

        }

        function x(id) {

            var index = $("#index" + id).val();

            index++;

            if (document.getElementById("img" + id + "_" + index) != null) {

                $(".himg" + id).hide();

                $("#img" + id + "_" + index).show();

                $("#index" + id).val(index);

            }

        }

</script>

 

<table class="axlicai_sh" cellpadding="0" cellspacing="0">

                            <tr class="axlc_tab11">

                                <td>审核项目</td>

                                <td>图片</td>

                                <td>审核状态</td>

                                <td>审核时间</td>

                            </tr>

                            <asp:Repeater ID="RepAuthenticate" runat="server">

                                <ItemTemplate>

                                    <tr>

                                        <td>&nbsp;<%#Li.Common.Helper.EnumHelper.GetDescription<Li.Common.AuthenticateType>(Convert.ToInt32(Eval("type")))%></td>

                                        <td>&nbsp;<%#Li.Common.Helper.EnumHelper.GetDescription<Li.Common.AuthenticateState>(Convert.ToInt32(Eval("State")))%></td>

                                        <td>&nbsp;<%#Eval("PastDate","{0:yyyy-MM-dd}") %></td>

                                    </tr>

                                </ItemTemplate>

                            </asp:Repeater>

                            <%foreach (System.Data.DataRow dr in Information.Rows)

                              {                      

                            %>

                            <tr>

                                <td class="lin_jkzl_zm"><%=dr["Name"] %>

                                    <a href="#" οnclick="return false;">

                                        <div class="lin_jkzl_hover">

                                            <p class="lin_jkzl_hover_tit"><%=dr["Name"] %></p>

                                            <div>

                                                <input type="hidden" id="index<%=dr["Id"] %>" value="0" />

                                                <%int idex = 0; foreach (string a in dr["Ext1"].ToString().Split('|'))

                                                  {  %>

                                                <span class="himg<%=dr["Id"] %>" <%=idex==0?"":"style='display:none'" %> id="img<%=dr["Id"] %>_<%=idex %>">

                                                    <img style="max-width: 540px" src="<%=a %>" /></span>

                                                <%idex++;

                                                  } %>

                                            </div>

                                            <%if (idex > 0)

                                              { %>

                                            <p class="lin_jkzl_hover_page" <%=dr["Ext1"].ToString().Split('|').Count().ToString().Trim()=="2"?"style='display:none'":"style='display:block'" %>>

                                                <span οnclick="s(<%=dr["Id"] %>)">上一张</span>

                                                <span οnclick="x(<%=dr["Id"] %>)">下一张</span>

                                            </p>

                                            <%} %>

                                        </div>

                                    </a>

                                </td>  

                                <td><%=dr["Ext1"].ToString().Split('|').Count()-1 %>张</td>

                                <td>&nbsp;<%=Li.Common.Helper.EnumHelper.GetDescription<Li.Common.AuthenticateState>(Convert.ToInt32(dr["State"]))%></td>

                                <td>&nbsp;<%=string.Format("{0:yyyy-MM-dd}", dr["PastDate"])%></td>              

                            </tr>

                            <%} %>

                        </table>