在HTML中，我們可以使用按鈕來實現(xiàn)圖片的滾動效果。要實現(xiàn)這個效果，需要結(jié)合使用HTML、CSS和JavaScript。

<style>
.scroll {
overflow-x: scroll;
white-space: nowrap;
}
</style>

首先，在樣式表中定義一個類名為“scroll”，并設(shè)置該類名的“overflow-x”屬性為“scroll”，表示圖片超出容器時出現(xiàn)滾動條；同時設(shè)置“white-space”屬性為“nowrap”，表示不允許文本換行。

接下來，在HTML中，我們需要創(chuàng)建一個帶有“scroll”類名和包含圖片元素的容器。容器的寬度應(yīng)該固定，以允許圖片超出容器的范圍。

<div class="scroll" style="width: 600px">
<img src="image1.png">
<img src="image2.png">
<img src="image3.png">
<img src="image4.png">
<img src="image5.png">
</div>

然后，我們需要添加兩個按鈕來控制圖片滾動：一個向左滾動，一個向右滾動。

<div>
<button onclick="scroll(-100)">向左</button>
<button onclick="scroll(100)">向右</button>
</div>

在按鈕中，我們使用“onclick”事件來調(diào)用JavaScript函數(shù)“scroll”，該函數(shù)接收一個參數(shù)，表示滾動的像素數(shù)。

<script>
function scroll(x) {
var container = document.querySelector('.scroll');
var scrollLeft = container.scrollLeft;
container.scrollLeft = scrollLeft + x;
}
</script>

最后，我們需要編寫JavaScript函數(shù)“scroll”，該函數(shù)用于滾動圖片。它首先通過“querySelector”方法獲取帶有“scroll”類名的容器，然后通過“scrollLeft”屬性獲取當(dāng)前滾動位置，并將滾動位置加上滾動像素數(shù)“x”。

這樣就完成了圖片的滾動效果。如果您還想添加更多功能，例如圖片自動播放或縮放功能，可以在JavaScript函數(shù)中添加相應(yīng)的代碼。