Отображение описания в лайтбоксе с использованием галереи blueimp плагина Jquery

Итак, что я хочу сделать, это добавить описание в галерею лайтбоксов.

Я использую галерею изображений blueimp плагина jquery, а также плагин галереи изображений bootstrap сверху. Я искал везде, но было всего несколько сообщений об этом, кроме того, что упоминается в инструкциях документации, поэтому решил спросить.

я уверен, что это, вероятно, является причиной проблемы, но сначала я хотел бы знать, есть ли способ добавить описание, предпочтительно под изображением, хотя оно может быть и под заголовком.

это самое дальнее, что я получил, используя приведенный ниже код из документации blueimp и дополнительную дополнительную информацию, которую я нашел у другого пользователя, продемонстрированного в jsfiddle.

      blueimp.Gallery(
      document.getElementById('links'), {
          onslide: function (index, slide) {
          var text = this.list[index].getAttribute('data-description'),
              node = this.container.find('.description');
          node.empty();
          if (text) {
              node[0].appendChild(document.createTextNode(text));
          }
          }
      });

http://jsfiddle.net/2B3bN/37/

это показывает, как это выглядит на моей веб-странице, мне удалось реализовать это, но вы, однако, заметите, что это работает только для первого изображения.

Конечно, это можно исправить с помощью некоторых js? Я новичок в js, я могу читать и исправлять базовые js, но я предполагаю, что то же самое, как они меняют заголовок, можно использовать для изменения описания?

Спасибо за всю помощь, ребята!


javascript jquery twitter-bootstrap blueimp
person CandiedMango    schedule 15.01.2014    source источник

Ответы (1)


arrow_upward
4
arrow_downward

В случае, если вам все еще нужно это:

$('#blueimp-gallery').on('slide', function (event, index, slide) {
$(this).children('.description')
    .text($('#links a').eq(index).data('description'));
});
person Macsupport    schedule 07.11.2014