当前位置：文江博客话题详情

Galleria 插件：如何添加链接？

发布于 2024-10-22 01:09:43 字数 180 浏览 7 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦冥 2024-10-29 01:09:43

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

Another option is to give the URL that you want to link to in the longdesc attribute of your IMG tag, like this:

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

The Galleria code will automatically create a link from the longdesc URL if you supply one. This is a documented feature, but it is rather tucked away.

回复收藏 0 原文

所有深爱都是秘密 2024-10-29 01:09:43

您还可以将图像定义为 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>

请参阅上面的链接属性。

You can also define the images as a JSON array:

 <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>

see link property above.

回复收藏 0 原文

~没有更多了~