Galleria插件:如何添加链接?

时间:2011-03-15 23:56:59

标签: javascript jquery galleria

2 个答案:

答案 0 :(得分:14)

另一种选择是在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创建一个链接。这是一个记录在案的功能,但它相当隐蔽。

答案 1 :(得分: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>

请参阅上面的链接属性。