【发布时间】：2019-02-01 12:27:23
【问题描述】：
我正在为一家提供许多不同产品的公司建立一个网站，因此我需要建立六个带有照片库的页面。我已经为画廊编写了所有代码，所以我需要做的就是在每个新页面上复制 HTML，并更改图像的来源。
但是，我还需要在每张图片下方显示小的描述或标题。现在我可以这样做了
if (iter === 36) {
$('.product-title p').html('<p>Photo 36 description</p>');
但是，考虑到我有 7 页的画廊，每个画廊大约有 30 张图片，像这样手动编写，一张一张，会让我的代码变得非常庞大。
我想知道是否有一种更简单的方法可以在图片更改时更改的图库下方添加标题/描述？
提前致谢。
【问题讨论】：
-
如果可以通过控制台尝试，然后在您的条件下发布
-
您可以将描述存储在 html 数据属性中（例如
data-image-description="Photo 36 description"。然后在 javascript 中您只需要读取该属性并设置所需的值。 -
@tuna 很有魅力，谢谢！我只是不知道我是否可以“接受”您的回答，因为您将其写为评论，如果有办法告诉我。或者您可以复制它并将其作为答案发布，我将“接受”它
标签： jquery css slider photo-gallery