如何在輪播中將上一個和下一個圖像嵌入上一個和下一個按鈕

Question

我正在制作一個投資組合網站，上面有一個輪播展示我的圖片。 我已經成功編碼了輪播工作。 現在，我有一個障礙：我想要“下一張”和“上一張”按鈕顯示下一張和上一張圖像。 為了使其正常工作，我必須在代碼中放入哪種javascript代碼？ 此圖說明了我的意思

Answer 1

查找正常輪播下一個和上一個按鈕正在調用的功能，並通過在HTML中向它們添加onclick屬性，從下一個和上一個圖像中調用它們。

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

然后，您可以只交換圖像的hrefs。 另外，您可以創建一個圖像數組，並具有上一個，當前和下一個類。 使用CSS樣式並仍然onClick的樣式將僅更新類。

一些更多的細節可以更好地指導更好的響應。