--- title: Guide to Build a Sliding Image Gallery localeTitle: 构建滑动图像库的指南 --- 本教程将引导您使用[jQuery](https://jquery.com/)库构建图像滑块。 [![GIF显示Slider在行动](//discourse-user-assets.s3.amazonaws.com/original/2X/0/08d83a22c28da836a06853b1f1ea669b398326b9.gif)](https://codepen.io/atjonathan/pen/BKMxxq) 本教程将包含四个部分: * [HTML](#html) * [SCSS](#scss) * [JS](#js) * [参考](#references) ## HTML 我们将在本教程中使用[Bootstrap](http://getbootstrap.com/)来保持良好的外观,而无需花费大量时间。 我们的结构如下: ```