Чтение атрибута src для генерации href

Question

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

Код:

    onclickActiveItem: function (item) {
    $('img.active').click(function(e) {
    e.preventDefault();
    $.nyroModalManual({
     url: 'image.jpg'
   });
   return false;
    });

Я не хочу вводить URL для каждого изображения (как в "image.jpg") и хотел бы, чтобы функция считывала src и конвертировала его в href в приведенном выше коде. Я думаю, что-то вроде этого, но я не могу найти способ, чтобы это работало в коде, который я имею.

  $('img.active').click(function(e) {
    e.preventDefault();
 var nyro = element.getAttribute('src');
 element.setAttribute('href', nyro);
    $.nyroModalManual({
     url: 'nyro'
   });
   return false;
    });

В настоящее время он просто откроет изображение src на новой странице. Буду признателен за любую помощь! Я новичок, так что будь нежным...

Майк

Answer 1

Мне кажется, что вы устанавливаете URL-адрес неправильно, и JavaScript не работает.

пытаться

    $('.nyroclickable').click(function(e) {
       $.nyroModalManual({
           url: this.src;
       });
       return false;
    });

и применить класс 'nyroclickable' к вашим изображениям