Html 动态创建引导3.0.0滑块

我正在尝试创建一个动态滑块来添加所有员工当月的生日，所以我有一个滑块，它有3个图像，它可以将图像3×3滚动，但我需要动态地这样做我有我的ajax，它连接到数据库并带来所有员工，我有一个包含图像的文件夹，我的ajax带来用户ID、名称，姓氏、日期和图片。 我的代码如下所示：

<div class="container">
            <div class="row">
                <div class="col-md-3">
                    <h3>BIRTHDAY OF THE MONTH</h3>
                    <p>All employees birthdays in January</p>
                    <div class="btn-group">
                        <a class="btn btn-danger" href="#scroller" data-slide="prev"><i class="icon-angle-left"></i></a>
                        <a class="btn btn-danger" href="#scroller" data-slide="next"><i class="icon-angle-right"></i></a>
                    </div>
                    <p class="gap"></p>
                </div>
                <div class="col-md-9">
                    <div id="scroller" class="carousel slide">
                        <div class="carousel-inner">
                            <div class="item active">
                                <div class="row">
                                    <div class="col-xs-4">
                                        <div class="portfolio-item">
                                            <div class="item-inner">
                                                <img class="img-responsive" src="images/employee/ID.jpg" alt="">
                                                <h5>
                                                    NAME LAST NAME and DATE
                                                </h5>
                                            </div>
                                        </div>
                                    </div>                            
                                    <div class="col-xs-4">
                                        <div class="portfolio-item">
                                            <div class="item-inner">
                                                <img class="img-responsive" src="images/employee/ID.jpg" alt="">
                                                <h5>
                                                    NAME LAST NAME and DATE
                                                </h5>
                                            </div>
                                        </div>
                                    </div>                            
                                    <div class="col-xs-4">
                                        <div class="portfolio-item">
                                            <div class="item-inner">
                                                <img class="img-responsive" src="images/employee/ID.jpg" alt="">
                                                <h5>
                                                    NAME LAST NAME and DATE
                                                </h5>
                                            </div>
                                        </div>
                                    </div>
                                </div><!--/.row-->
                            </div><!--/.item-->
                            <div class="item">
                                <div class="row">
                                    <div class="col-xs-4">
                                        <div class="portfolio-item">
                                            <div class="item-inner">
                                                <img class="img-responsive" src="images/employee/ID.jpg" alt="">
                                                <h5>
                                                    NAME LAST NAME and DATE
                                                </h5>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-4">
                                        <div class="portfolio-item">
                                            <div class="item-inner">
                                                <img class="img-responsive" src="images/employee/ID.jpg" alt="">
                                                <h5>
                                                    NAME LAST NAME and DATE
                                                </h5>
                                            </div>
                                        </div>
                                    </div>                            
                                    <div class="col-xs-4">
                                        <div class="portfolio-item">
                                            <div class="item-inner">
                                                <img class="img-responsive" src="images/employee/ID.jpg" alt="">
                                                <h5>
                                                    NAME LAST NAME and DATE
                                                </h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div><!--/.item-->
                        </div>
                    </div>
                </div>
            </div><!--/.row-->
        </div>

本月生日
所有员工的生日都在一月份


姓名、姓氏和日期
姓名、姓氏和日期
姓名、姓氏和日期
姓名、姓氏和日期
姓名、姓氏和日期
姓名、姓氏和日期

---

希望您能帮助我，我所需要做的就是首先创建活动项，然后如果我有3个以上的图像，则使用类项创建另一个div，并在该div中使用类行创建另一个div，然后添加图像。

您使用的是哪种服务器端语言？Mvc、php、web表单、ruby？或者你只想用jquery来做吗？我正在使用PHP，我用jquery来做一个Ajax来获得所有的信息，然后我想用我得到的图像来创建一个滑块