Javascript 照片滑块的条件语句

我正在制作一个照片滑块。如果单击“上一步”或“下一步”按钮，左边距将继续添加或减去一个变量，该变量设置为5px。但是，我想限制滑块向左或向右移动的距离，这样它就不会滑动到有空白的程度

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

这确实有效。如果向左或向右走得太远，滑块就会停止。但一旦满足边界，上一个和下一个按钮就不起作用。有什么建议吗

您可以在此处查看我的代码：

---

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

我已经更新了。我不得不改变你的if条件，包括边缘范围和方向。还删除了测试变量并移动了在if块内设置边距的语句。我认为不需要else块，所以我也将其删除。

非常感谢Pencho！您为什么决定使用isNext？@Deni，最初，您是在检查方向变量的值以将val设置为+=或-=。if语句中需要相同的检查，因此我使用isNext存储检查结果，并避免在多个位置硬编码“direction=='next'”。很抱歉我的无知，但我不清楚为什么需要isNext。那到底是如何解决我的问题的？非常感谢！您为什么决定使用isNext？@Deni，最初，您是在检查方向变量的值以将val设置为+=或-=。if语句中需要相同的检查，因此我使用isNext存储检查结果，并避免在多个位置硬编码“direction=='next'”。很抱歉我的无知，但我不清楚为什么需要isNext。那到底是如何解决我的问题的？