Как обновить HTML-элемент с помощью jQuery и Galleria?

Question

Я использую Galleria для слайд-шоу. Я хочу разместить небольшую ссылку «Larger» рядом с stage.

У меня этот код для кнопки «Изображения большего размера»:

this.fullres = this.create('div', 'fullres'); 
this.get('fullres').innerHTML = '<a href="#">Larger</a>'; 
this.appendChild('fullres', this.fullres); 

У меня есть этот код, который присваивает каждый <img> «s rel= тега к полноразмерной URL изображения от страницы пользовательского поля:

<img ... rel="<?=$attachments[$i]['fullres']?>" /> 

С JQuery, я надеюсь вытащить значение тега active и добавить тэг .fullres href. Это код, который я до сих пор, но он не работает:

var title = $(.images).attr('rel'); // pulls the fullres url from the rel tag 
$('.galleria-fullres').attr('href',); //append the galleria fullres href with the rel info 

Answer 1

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

Что-то вроде этого:

$('#galleria').galleria({ 
    // other galleria options here 
    dataConfig: function(img) { 
     // get the fullscreen image 
     return { 
      big: $(img).attr('rel') 
     }; 
    } 
}); 

var galleria = Galleria.get(0); 

$('#fullscreen-button').click(function() { 
    galleria.enterFullscreen(); 
}); 

Answer 2

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

вы знаете, Опечатка: $(.images)? Должно быть $('.images').

И упустили ли вы второй параметр в $('.galleria-fullres').attr('href',); нарочно? Разве это не должно быть $('.galleria-fullres').attr('href', title);?

Как работает jquery, ссылаясь на элементы по классам? Вы получаете массив элементов, а не только один. Думаю, это всего лишь отрывок вашего кода? Я что-то упускаю?

Не могли бы вы разместить html образца этих элементов, как показано в браузере? Это должно быть довольно легко, но я действительно не вижу всю картину только с этими строками.