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>

请参阅上面的链接属性。