Javascript 如何在水平幻灯片中循环显示json文件时限制数据

嗨，我正在尝试将本地文件中的json数据显示到水平滑块中。如果我保持静态图像，如下图所示，幻灯片工作得非常好

<ul id="slider_th">
            <li><img id="1" src="assets/img/employee/1.jpg" width="135" height="135" alt=""></li>
            <li><img id="2" src="assets/img/employee/2.jpg" width="135" height="135" alt=""></li>
            <li><img id="3" src="assets/img/employee/3.jpg" width="135" height="135" alt=""></li>
            <li><img id="4" src="assets/img/employee/4.jpg" width="135" height="135" alt=""></li>
            <li><img id="5" src="assets/img/employee/5.jpg" width="135" height="135" alt=""></li>
            <li><img id="6" src="assets/img/employee/6.jpg" width="135" height="135" alt=""></li>
</ul>

现在，我尝试使用JQuery一次显示来自本地json文件的数据，如下所示。但我有6张照片要展示。我有两个问题

我能够在JQuery中使用切片方法显示5幅图像。但滑块不起作用

在第6张图片之后，我需要显示前4张图片。我的意思是它应该循环运行

 $.getJSON( "assets/js/data.json" , function( result ){
$.each(result.employees.employee.slice(0,5), function(key, field){
    $('#slider_th').append('<li style="overflow: hidden; float: left; width: 141px; height: 144px;"><img id="emp_image_'+field.id+'" src="'+field.image+'" width="135" height="135" alt="'+field.name+'">');            
});
 });

$.getJSON（“assets/js/data.json”，函数（结果）{
$.each（result.employees.employees.slice（0,5），函数（键，字段）{
$（'#slider_th'）。追加（'
”）；
});
});

如何使圆形滑块和我正在使用的另一件事

jcarousellite_1.0.1.pack.js

---

JQuery中的插件

在哪里初始化滑块？很好的更改在您更改DOM之前，它已经初始化。您是否清楚或有任何疑问？