javascript - 如何在轮播中的上一个和下一个按钮中嵌入上一个和下一个图像

Question

我正在制作一个作品集网站，用轮播来展示我的图片。我已经成功地编码轮播工作。现在，我只有一个障碍:我想要“下一张”和“上一张”按钮显示下一张和上一张图像。我必须将什么样的 javascript 代码放入我的代码中才能使其工作？ This image illustrates what I mean

Answer 1

通过在 html 中向它们添加 onclick 属性，找到为您正常轮播下一个和上一个按钮调用的任何函数，并从您的下一个和上一个图像调用它们。

<img inclick="prevImage()" href="image1"
<!-- Main carousel image -->
<img onclick="nextImage()" href="image3">

然后您可以只交换图像的 href。或者，您可以创建一个图像数组并具有上一个、当前和下一个类。样式化那些使用 CSS 并且仍然 onClick 的只会更新类。

更多细节可以更好地指导更好的响应。