Javascript 在jQuery中连续滚动Div

我已经创建了jquery滑块，当我单击下一个箭头时，它将滑动下一个图像。现在我需要连续地显示它。（即）如果一个图像到达滑块中的最后一个图像。然后第一个图像应该从右侧滚动。为此，我尝试了jqueryappend。它正在追加。但当我打印位置时，它显示的是旧位置，而不是附加位置

<div id="parent">
<div class="child">
</div>
<div class="child">
</div>
<div class="child">
</div>
<div class="child">
</div>
</div>
(i.e)//jQuery
numberOfSlides = 4; //Total no of images
$('arrow').click(function(){
if(currentSlide == 2) //if i am in the second slide, then append first slide to the last slide
{
   $('first-child').append('parent'); // This code is for reference. not in correct syntax.
}
else
{
  for()//loop
  { 
    //sliding all images to the left (i.e)if the image width is 800px. then the slide animation will be  -800,0,800,1600 for(slide1,slide2,slide3,slide4).so that second image will show now.
   $('.child:nth-child('+loop_count+')').animate({'marginLeft','xxpx'});
  }
}
currentSlide++;
});

（即）//jQuery
载玻片数=4//图像总数
$（“箭头”）。单击（函数（）{
if（currentSlide==2）//如果我在第二张幻灯片中，则将第一张幻灯片附加到最后一张幻灯片
{
$（'first-child'）.append（'parent'）；//此代码仅供参考。语法不正确。
}
其他的
{
for（）//循环
{ 
//将所有图像向左滑动（即，如果图像宽度为800px），则幻灯片动画将为-800,08001600（幻灯片1、幻灯片2、幻灯片3、幻灯片4），以便现在显示第二个图像。
$（'.child:n个子（'+loop_count+'））。动画（{'marginLeft'，'xxpx'）；
}
}
currentSlide++；
});

当前幻灯片2为-800,08001600时的正确o/p（幻灯片2、幻灯片3、幻灯片4、幻灯片1） 在上面的代码中，if条件将第一个元素附加到父元素。但是当我得到附加元素的位置时，它正在打印一些-1600像素（当我检查firebug时，它在右侧显示div）。但它应该是1600px；我使用marginLeft进行定位

谢谢

或

您需要复制内容元素并将它们对齐，以便它们在垂直方向上彼此相邻，然后依次滚动。您当前的滚动应该可以工作，跳转将不可见，因为它应该从底部元素的顶部跳转到顶部元素的顶部，也就是说，跳转到外观相同的部分。我会将内容的两个副本（您可以将其克隆以获得另一个副本）放在一个容器中并滚动，这样您就不必担心移动两个元素

如果您真的想对其进行优化，您只能在底部元素中显示内容的顶部（足以隐藏跳转），但除非您的内容非常复杂和繁重，否则这是不值得的。

或

您需要复制内容元素并将它们对齐，以便它们在垂直方向上彼此相邻，然后依次滚动。您当前的滚动应该可以工作，跳转将不可见，因为它应该从底部元素的顶部跳转到顶部元素的顶部，也就是说，跳转到外观相同的部分。我会将内容的两个副本（您可以将其克隆以获得另一个副本）放在一个容器中并滚动，这样您就不必担心移动两个元素

如果您真的想对其进行优化，您只能在底部元素中显示内容的顶部（足以隐藏跳转），但除非您的内容非常复杂和繁重，否则这是不值得的