jquery - 滑块画廊描述？

我正在为一家提供许多不同产品的公司建立一个网站，所以我需要建立六个带有照片库的页面。我已经为画廊编写了所有代码，所以我需要做的就是在每个新页面上复制 HTML，并更改图像的来源。

但是，我还需要在每张图片下方显示小的描述或标题。现在我可以这样做了

if (iter === 36) {
        $('.product-title p').html('<p>Photo 36 description</p>');

然而，考虑到我有 7 页的画廊，每个画廊大约有 30 张图片，像这样手动编写，一张一张，会让我的代码变得非常庞大。

我想知道是否有一种更简单的方法可以在图片更改时更改的图库下方添加标题/描述？

提前致谢。

标签： jquerycsssliderphoto-gallery

您可以使用 html 属性存储图像描述，例如data-image-description="Photo 36 description"。

使用这种方法，您可以将硬编码值从 JS 移动到 HTML。只认为你需要在 JS 中做的是读取数据属性并设置你想要的值。