Question

jquery 点击按钮 图片切换的问题

点击goright会向右移动，这个好做。
我的问题是如何在图片3的后边跟上图片1？即图片的无缝拼接。要加上什么代码？最好能提点一下思路

下边是jquery代码
<script type="text/javascript">
$(function(){
$(".goRight").click(function(){

$("li").animate({left:"+="+"100px"},300);
});

$(".goLeft").click(function(){

$("li").animate({left:"-="+"100px"},300);
});

})
</script>
我添加了一个函数clone（），可以实现了无缝连接，但是在滑动的时候出现问题代码如下
$(".goRight").click(function(){
$("ul li:last").clone().prependTo("ul");
$("ul li:last").remove();
$("ul li").animate({left:"+="+"100px"},300);
});

$(".goLeft").click(function(){
$("ul li:first").clone().appendTo("ul");
$("ul li:first").remove();
$("ul li").animate({left:"-="+"100px"},300);
});
我要实现点击goright按钮的时候图片无缝（第一张和最后一张相连接）滑动，而我的代码是第一张图变成第二长，并且整个li都移动了，请高手指教该如何实现无缝滑动？

Answer 1

原理是什么 很简单
一个是个 在复制一个 图片放到后面 等移动完了之后 删除这个图片 把真正的第一行 放到被删除的图片位置

方法二: 修改图片一的 页面定位,然后把图片一定位在 图片三后面 ,使全部图片的最外面包的层移动
移动完后,全部恢复原来的样式 及定位 (可以参考淘~宝. 他就是这样做的)