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

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的样式将仅更新类。

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