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

Question

我正在制作一个投资组合网站，上面有一个轮播展示我的图片。 我已经成功编码了轮播工作。 现在，我有一个障碍：我想要“下一张”和“上一张”按钮显示下一张和上一张图像。 为了使其正常工作，我必须在代码中放入哪种javascript代码？ 此图说明了我的意思

Answer 1

查找正常轮播下一个和上一个按钮正在调用的功能，并通过在HTML中向它们添加onclick属性，从下一个和上一个图像中调用它们。

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

然后，您可以只交换图像的hrefs。 另外，您可以创建一个图像数组，并具有上一个，当前和下一个类。 使用CSS样式并仍然onClick的样式将仅更新类。

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