Movingboxes.js 是一个用于实现平滑移动的库，它提供了一个简单的函数 movingboxes()，你可以使用它来实现垂直轮播。以下是一个基本的实现：

```javascript const movingboxes = require('movingboxes');

function showMovingBox(movingBox, index) { movingBox.show(index); }

function stopMovingBox(movingBox) { movingBox.stop(); }

function switchToMovingBox(movingBox, index) { movingBox.switchTo(index); }

// 初始化移动框 const movingBox = movingboxes.create('my-moving-box', { x: 0, y: 0 });

// 创建切换按钮 const switchButton = document.createElement('button'); switchButton.textContent = '切换到'; switchButton.addEventListener('click', function() { switchToMovingBox(movingBox, 0); });

// 创建停止按钮 const stopButton = document.createElement('button'); stopButton.textContent = '停止'; stopButton.addEventListener('click', function() { stopMovingBox(movingBox); });

// 将切换按钮添加到页面上 document.body.appendChild(switchButton); document.body.appendChild(stopButton);

// 每隔一段时间就切换到下一张 setInterval(function() { showMovingBox(movingBox, movingBox.index + 1); }, 1000); ```

在这个例子中，我们首先创建了一个 movingbox 对象，然后创建了两个按钮：一个用于切换到下一张图片，另一个用于停止。最后，我们设置了一个计时器，每隔一段时间就切换到下一张图片。

请注意，你需要在 HTML 文件中添加这两个按钮和相应的容器，例如：

```html

```

然后，你可以使用 showMovingBox() 和 stopMovingBox() 函数来显示和停止图片。