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

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

3 голосов
/ 27 января 2011

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

У меня есть этот код для кнопки «Больше»: 

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

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

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

С помощью JQuery я надеюсь получить значение тега active для изображения rel= и добавить тег .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

Ответы [ 2 ]

0 голосов
/ 10 апреля 2011

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();
});
0 голосов
/ 01 февраля 2011

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

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

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

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

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

...