Jquery 光滑滑块上的灯光框，并将内容添加到带有图像的灯光框弹出窗口中

我有一个光滑的滑块问题，我想创建一个灯箱，它应该在光滑的滑块上打开，我想在灯箱中添加一些内容，以及主要的问题是，我不知道如何将内容添加到光箱部分

$（'.works slideshow.team item'）。每个（函数（）{
变量滑块=$（此）；
滑头({
箭头：错，
点：错，
可访问性：false，
无限：是的，
自动播放：对，
自动播放速度：5000，
幻灯片放映：3，
幻灯片滚动：1，
响应：[{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：1
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
]
});
var-box=$（此项）；
光箱({
src:'src'，
itemSelector:“.team image img”
});
});
img{
宽度：95%；
}

文本
根据，您可以在
slickLightBox
html元素中声明
数据-YOUR_属性
，并将其添加到slickLightBox
选项
参数对象中，作为
标题：“YOUR_属性”
，以便在每张幻灯片下面都有文本。希望这能解决你的问题

如果您想添加更多元素，根据@sumitpatel，您还可以将html放入
data-
属性中，如
data text='My headingMy text
'
，但我认为这一个不太可读。然后，我建议将一个函数传递到
caption
，并向元素添加多个属性。您可以在下面的示例中进行检查

您可以检查我从您的代码段编辑的示例：


$（'.works slideshow.team item'）。每个（函数（）{
变量滑块=$（此）；
滑头({
箭头：错，
点：错，
可访问性：false，
无限：是的，
自动播放：对，
自动播放速度：5000，
幻灯片放映：3，
幻灯片滚动：1，
响应：[{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：1
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
]
});
var-box=$（此项）；
光箱({
src:'src'，
itemSelector:“.team image img”，
标题：“文本”
});
});
img{
宽度：95%；
}

文本
根据，您可以在
slickLightBox
html元素中声明
数据-YOUR_属性
，并将其添加到slickLightBox
选项
参数对象中，作为
标题：“YOUR_属性”
，以便在每张幻灯片下面都有文本。希望这能解决你的问题

如果您想添加更多元素，根据@sumitpatel，您还可以将html放入
data-
属性中，如
data text='My headingMy text
'
，但我认为这一个不太可读。然后，我建议将一个函数传递到
caption
，并向元素添加多个属性。您可以在下面的示例中进行检查

您可以检查我从您的代码段编辑的示例：


$（'.works slideshow.team item'）。每个（函数（）{
变量滑块=$（此）；
滑头({
箭头：错，
点：错，
可访问性：false，
无限：是的，
自动播放：对，
自动播放速度：5000，
幻灯片放映：3，
幻灯片滚动：1，
响应：[{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：1
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
]
});
var-box=$（此项）；
光箱({
src:'src'，
itemSelector:“.team image img”，
标题：“文本”
});
});
img{
宽度：95%；
}

文本
这将对您有所帮助


$（'.works slideshow.team item'）。每个（函数（）{
变量滑块=$（此）；
滑头({
箭头：错，
点：错，
可访问性：false，
无限：是的，
自动播放：对，
自动播放速度：5000，
幻灯片放映：3，
幻灯片滚动：1，
响应：[{
断点：600，
设置：{
幻灯片放映：2，
幻灯片滚动：1
}
},
{
断点：480，
设置：{
幻灯片放映：1，
幻灯片滚动：1
}
}
]
});
var-box=$（此项）；
光箱({
src:'src'，
itemSelector:“.team image img”，
标题：功能（元素、信息）{
var span=$（element.parent（）.find（“.desc”）；
返回span.html（）；}
});
});
img{
宽度：95%；
}

测试1
测试2
测试3
测试4