How to make images scroll in canvas_html/css_WEB-ITnose

I defined a canvas with a fixed size, such as width=200, height=720, which can display up to 3 pictures. There is a scroll button inside. When the scroll button is clicked, the next three pictures can be displayed. Here I have obtained all the images to be put into the canvas. The question is how to display the three pictures on the next page through buttons? Try to make the effect as smooth as possible

Reply to the discussion (solution)

Waiting online! ^^^^^^^^^^^^^

1. You can use an array to save the addresses of all pictures in the array
2. Click on the previous page and next page to determine the range of the image in the array to be displayed
3. Redraw the board , display the picture of the corresponding interval