Jquery 连续环形滑块

我有一个滑块，带有自动旋转脚本，目前它在前后滑动，我希望它以圆周运动旋转，任何想法

小提琴：-

HTML

<div class="slider">
<ul>
<li data-rel="1"><a href="#" title="Japani M Capsules"><img src="http://www.djensenphotography.com/images/anthony-_lake_shooting-.jpg" alt="Japani M Capsules" /></a></li>

<li data-rel="2"><a href="#" title="Japani M Capsules"><img src="http://www.djensenphotography.com/images/anthony-_lake_shooting-.jpg" alt="Japani M Capsules" /></a></li>
</ul>
</div>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

CSS

<style>
*{margin:0;padding:0}
.slider { float:left; width:500px; overflow:hidden; position:relative;}
.slider li { float:left; width:500px;list-style:none;}
.slider li img { max-width:100%; display:block;}
</style>

*{边距：0；填充：0}
.slider{float:左；宽度：500px；溢出：隐藏；位置：相对；}
.slider li{float:左；宽度：500px；列表样式：无；}
.slider li img{最大宽度：100%；显示：块；}

Jquery

<script>
$(document).ready(function() {
//slider code
var slider_w = $('.slider').width();
var total_li = $('.slider li').length
var total_w = $('.slider').width()*total_li
$('.slider ul').width(total_w)

// Auto Rotaion Code
var counter = 1;
setInterval(function() {
    if (counter++ % 2) {
     $('.slider ul').animate({marginLeft:'-' + slider_w},500)
    } else {
     $('.slider ul').animate({marginLeft:'0'},500)
    }
}, 3000);

});
</script>

$（文档）.ready（函数（）{
//滑码
var slider_w=$（'.slider'）.width（）；
var total_li=$（'.slider li'）。长度
var total_w=$（'.slider'）.width（）*total_li
$（'.ul'）。宽度（总宽度）
//自动旋转码
var计数器=1；
setInterval（函数（）{
如果（计数器+++%2）{
$（'.slider ul'）。动画（{marginLeft:'-'+slider_w}，500）
}否则{
$（'.slider ul'）.animate（{marginLeft:'0'}，500）
}
}, 3000);
});

逻辑是您需要删除第一个子项并将其附加到相同的列表中，如

setInterval(function() {
    $(".slider ul").animate({
        'marginLeft': '-=' + slider_w + 'px'
    }, 1000, function () {
        $(".slider ul li:first-child").appendTo(".slider ul");
        $(".slider ul").css({
            'marginLeft': '+=' + slider_w + 'px'
        });
    });
}, 3000);

然后它将作为循环列表工作（如果阅读，请记住数据结构）

---

您应该编辑您的问题并添加一些codes@Digitlimit：code的复数形式是code:）@Digitlimit:没问题。它是源代码的缩写（包括单数或复数）。没有所谓的

源代码

：）@Dipesh-Rana：最好的办法是不要得到帮助，所以开始抱怨。。。最好尽快删除你的评论：）非常正确@TrueBlueAussie，尤其是当你抱怨我们帮助你的规则时！这很好也很简单。删除了我的：）@Rohan，谢谢你的回答，但我也在使用寻呼机，所以它们会产生问题，请检查小提琴：-我认为，你是在浪费时间，所以请尝试或搜索

图像滑块jquery