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

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

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

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

<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”事件來調用JavaScript函數“scroll”，該函數接收一個參數，表示滾動的像素數。

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

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

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