Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滑块滑回第一个图像_Javascript_Jquery - Fatal编程技术网

Javascript 滑块滑回第一个图像

Javascript 滑块滑回第一个图像,javascript,jquery,Javascript,Jquery,我正在使用jQuery浏览一些图像 幻灯片动画通过以下方式实现: $('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition)}); 这很好,但是当我到达最终图像时,它会循环回到开始,动画会快速滑动通过前面的所有元素来显示第一个元素(很明显,因为我突然缩小了左边距) 我需要编写什么代码才能使从最后一张图像到第一张图像的过渡继续成为左幻灯片动画,只显示从最后一张幻灯片到第一张幻灯片的过渡(不显示所有其他幻灯片) 为

我正在使用jQuery浏览一些图像

幻灯片动画通过以下方式实现:

$('#slideInner').animate({ 'marginLeft' : slideWidth*(-currentPosition)});
这很好,但是当我到达最终图像时,它会循环回到开始,动画会快速滑动通过前面的所有元素来显示第一个元素(很明显,因为我突然缩小了左边距)

我需要编写什么代码才能使从最后一张图像到第一张图像的过渡继续成为左幻灯片动画,只显示从最后一张幻灯片到第一张幻灯片的过渡(不显示所有其他幻灯片)

为了让事情更复杂一些,我有左/右按钮,允许用户通过滑块向前/向后移动。这些按钮工作正常,但这确实意味着解决方案无法打破这些按钮


谢谢。

在末尾添加一个队列(),然后重置所有内容,恐怕我看不出这有什么帮助?我可以对动画进行排队,但当它到达最后一张“幻灯片”时,它仍然会将左边距设置为第一张“幻灯片”,这将在它滚动回第一张幻灯片时非常快地显示所有幻灯片?在这里,您可以将左边距设置为任意值,这样它就有一个连续循环,否则你的想法是错误的:)你的意思是你需要这些幻灯片,就像一个循环一样?我可以建议或搜索已经制作好的插件吗,因为这会节省你很多时间,不要重新发明轮子,:)