Плагин Galleria: Как добавить ссылки?

Question

Я говорю об этом Galleria plugin . Может быть, это слишком просто, но я не могу найти ничего на странице документации: у меня есть эта реализация galleria. Я хочу добавить отдельную ссылку к каждому изображению, чтобы пользователь мог щелкнуть мышью по некоторому изображению и перейти куда-нибудь. Как я могу это сделать? Или где найти ответ?

Answer 1

Другой вариант - указать URL-адрес, на который вы хотите сослаться, в атрибуте longdesc вашего тега IMG, например:

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

Код Galleria автоматически создаст ссылку из URL-адреса longdesc, еслиВы поставляете один.Это документированная функция, но она довольно скрыта.

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>

см. Свойство ссылки выше.