滑块库说明？

Question

我建立一个网站，一个公司，提供了很多不同的产品，所以我需要建立半打页与照片画廊。我写的所有代码的画廊已经因此所有我需要做的就是复制HTML每一个新的页面上，并改变图像的来源。

然而，我也需要小的描述或标题以显示在每张照片的下方。现在，我可以做这样的

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

不过，考虑到我有7页与画廊，画廊每30图片，手工编写它像这样，一个接一个，会让我的代码他妈的巨大的。

我想知道有没有添加画廊下面标题/描述这种变化更简单的方法，当图像变化？

谢谢。

Answer 1

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

通过这种方法，您可以将硬编码的值从JS移到HTML。只是认为您需要在JS中读取数据属性并在所需的位置设置值。