照片滑块的条件语句

Question

我正在制作照片滑块。如果单击上一个或下一个按钮，margin-left将继续添加或减去一个变量，该变量设置为5px。但是，我想限制滑块向左或向右移动的距离，以便它不会滑动到有空白区域。

为了限制边界，有一个条件语句，如果margin-left在10px和-100px之间，则为变量赋值5px。否则，该变量设置为0px。

这确实有效。如果向左或向右走太远，滑块就会停止。但是一旦满足边界，前一个和下一个按钮就不起作用。有小费吗？

您可以在此处查看我的代码： jsfiddle.net/xpfbh/2/

Answer 1

我已更新your fiddle。我不得不改变你的if条件，包括保证金范围和方向。还删除了测试变量并移动了在if块中设置边距的语句。我不认为需要使用else块，所以我也删除了它。