滑块画廊描述?
Slider gallery descriptions?
我正在为一家提供多种不同产品的公司建立网站,因此我需要建立六个带有照片库的页面。我已经为画廊编写了所有代码,所以我需要做的就是在每个新页面上复制 HTML,并更改图像的来源。
但是,我还需要在每张图片下方显示一些小的描述或标题。现在我可以这样做
if (iter === 36) {
$('.product-title p').html('<p>Photo 36 description</p>');
但是,考虑到我有 7 个画廊页面,每个画廊大约有 30 张图片,像这样手动编写,一张一张,会让我的代码变得非常庞大。
我想知道是否有一种更简单的方法可以在图片更改时更改的图库下方添加 titles/descriptions?
提前致谢。
您可以使用 html 属性存储图像描述,例如data-image-description="Photo 36 description"
.
通过这种方法,您可以将硬编码值从 JS 移动到 HTML。唯一认为你需要在 JS 中做的是读取数据属性并在你想要的地方设置值。
我正在为一家提供多种不同产品的公司建立网站,因此我需要建立六个带有照片库的页面。我已经为画廊编写了所有代码,所以我需要做的就是在每个新页面上复制 HTML,并更改图像的来源。
但是,我还需要在每张图片下方显示一些小的描述或标题。现在我可以这样做
if (iter === 36) {
$('.product-title p').html('<p>Photo 36 description</p>');
但是,考虑到我有 7 个画廊页面,每个画廊大约有 30 张图片,像这样手动编写,一张一张,会让我的代码变得非常庞大。
我想知道是否有一种更简单的方法可以在图片更改时更改的图库下方添加 titles/descriptions?
提前致谢。
您可以使用 html 属性存储图像描述,例如data-image-description="Photo 36 description"
.
通过这种方法,您可以将硬编码值从 JS 移动到 HTML。唯一认为你需要在 JS 中做的是读取数据属性并在你想要的地方设置值。