i have image gallary that i want to slid on pop up mode, but only first image is showing  

  <div class=" " style="">
        <div class="" style="">
            <div class="" style="background-color: transparent">
                <div class="" style="">
                    <div class="">
                        <div class=" ">
                            <!-- Custom Tabs -->
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.box-header -->
            <section class="mbr-gallery mbr-section mbr-section-nopadding mbr-slider-carousel"
                id="gallery2-0" style="padding-top: 6rem; padding-bottom: 6rem;">
            <asp:DataList ID="GALLARY" runat="server"   CssClass=" " Width="100%">
            <ItemTemplate>
                <div class=" ">
                    <div class=" mbr-gallery-layout-default">
                    <div>
                        <div>
                            <div class="mbr-gallery-item" data-video-url="false" style="padding: 0rem;">
                                <a href="#lb-gallery2-0" data-slide-to="0" data-toggle="modal">
                                    <asp:PlaceHolder ID="PlaceHolder2"  runat="server">       
                                    <!-- Captions are optional -->
                                    <asp:HiddenField ID="HiddenField2" runat="server" Value='<%#getUserHREF2(Container.DataItem)%>' />
                                    <img src='<%#getSRCGALLARY(Container.DataItem)%>' class="" style=" "  alt="" data-aria-label-part="" />
                                    <!-- Video files --><!-- Video files -->
                                    <!-- Captions are optional -->
                                    <!-- Text track file -->
                                    </asp:PlaceHolder>
                                <span class="icon-focus"></span>
                                </a>
                            </div>
                        </div>
                     </div>
                     <div class="clearfix"></div>
                     </div>
                    </div>
                    <!-- Lightbox -->
                    <div data-app-prevent-settings="" class="mbr-slider modal fade carousel slide" tabindex="-1" data-keyboard="true" data-interval="false" id="lb-gallery2-0">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-body">
                                    <ol class="carousel-indicators">
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" class=" active" data-slide-to="0"></li>
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" data-slide-to="1"></li>
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" data-slide-to="2"></li>
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" data-slide-to="3"></li>
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" data-slide-to="4"></li>
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" data-slide-to="5"></li>
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" data-slide-to="6"></li>
                                        <li data-app-prevent-settings="" data-target="#lb-gallery2-0" data-slide-to="7"></li>
                                    </ol>
                                    <div class="carousel-inner">
                                        <div class="carousel-item active">
                                            <img src='<%#getSRCGALLARY(Container.DataItem)%>' class="" style=" "  alt="" data-aria-label-part="" />                 
                                        </div>                        
                                    <a class="left carousel-control" role="button" data-slide="prev" href="#lb-gallery2-0">
                                        <span class="icon-prev" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="right carousel-control" role="button" data-slide="next" href="#lb-gallery2-0">
                                        <span class="icon-next" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                                    <a class="close" href="#" role="button" data-dismiss="modal">
                                        <span aria-hidden="true">×</span>
                                        <span class="sr-only">Close</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
            </ItemTemplate>
            </asp:DataList>
            </section>
        </div>
    </div>

  protected void Page_Load(object sender, EventArgs e)
        {

            if (!Page.IsPostBack)
            {
                if (this.Page.User.Identity.IsAuthenticated)
                {
                    string username2 = this.Page.User.Identity.Name;
                    Getgallary(username2);
                }
            }
        }
        public void Getgallary(string username2)
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["conn"].ConnectionString);
            SqlDataAdapter adp = new SqlDataAdapter("GetUserGallary", con);
            adp.SelectCommand.CommandType = CommandType.StoredProcedure;
            // adp.SelectCommand.Parameters.AddWithValue("@FriendUserName", username);
            adp.SelectCommand.Parameters.AddWithValue("@UserName", username2);
            adp.SelectCommand.Parameters.AddWithValue("@Name", username2);
            DataTable dt = new DataTable();
            adp.Fill(dt);
            if (dt.Rows.Count > 0)
            {
                GALLARY.DataSource = dt;
                GALLARY.DataBind();

            }
        }

        public string getUserHREF2(object sxURL)
        {
            DataRowView dRRView = (DataRowView)sxURL;
            string username = dRRView["UserName"].ToString();
            return ResolveUrl("~/Page.aspx?Id=" + username);
        }

        public string getUserGALLARY(object sxURL)
        {
            DataRowView dRRView = (DataRowView)sxURL;
            string Id = dRRView["UserName"].ToString();
            return ResolveUrl("~/MyProfile.aspx?Id=" + Id);
        }
        public string getSRCGALLARY(object imgSRVDS)
        {
            DataRowView dRRView = (DataRowView)imgSRVDS;
            string ImageName1 = dRRView["ImageName1"].ToString();
            // string ImageName = dRRView["ImageName1"].ToString();
            string lblMessage = dRRView["UserId"].ToString();
            if (ImageName1 == "NoImage" || ImageName1 == string.Empty)
            {
                return ResolveUrl("~/Site_fImages/image_missing.JPG");
            }
            else
            {
                return ResolveUrl("~/UserImage/" + dRRView["ImageName1"].ToString());
            }
        }