javascript - Galleria 插件：如何添加链接？

Question

我说的是这个Galleria 插件。也许这太简单了，但我在文档页面中找不到任何东西：我有这个 Galleria 实现。我想为每个图像添加一个不同的链接，以便用户可以单击某些图像并去某个地方。我怎样才能做到这一点？或者在哪里可以找到答案？

Answer 1

另一种选择是在 IMG 标记的 longdesc 属性中提供要链接到的 URL，如下所示：

<img src="mypic1.jpg" longdesc="http://www.amazon.co.uk" >
<img src="mypic2.jpg" longdesc="http://www.google.com" >

如果您提供，Galleria 代码将自动从 longdesc URL 创建一个链接。这是一个记录在案的功能，但它被隐藏起来了。

Answer 2

您还可以将图像定义为 JSON 数组：

 <script>
  var data = [
    {
        image: 'img1.jpg',
        thumb: 'thumb1.jpg',
        title: 'my first image',
        description: 'Lorem ipsum caption',
        **link**: 'http://domain.com'
    },
    {
        image: 'img2.jpg',
        thumb: 'thumb2.jpg',
        title: 'my second image',
        description: 'Another caption',
        link: '/path/to/destination.html'
    }
];

$('#container').galleria({
    data_source: data
});
</script>

请参阅上面的链接属性。