Галерея Prettyphoto в jquery-mobile.1.1.1

PrettyPhoto показывает отдельные изображения, но галерея не работает. Вот как изображение отображается в браузере:

<a href="/images/reviews/full/2/ii_15986_1429535345455.jpg" data-rel="prettyPhoto[reviewsgallery]" class="ui-link" sl-processed="1">
    <img itemprop="photo" src="/images/reviews/full/2/ii_15986_1429535345455.jpg" width="100%" height="auto">
</a>

Это jQuery:

jQuery(document).ready(function () {

    jQuery("a[data-rel^='prettyPhoto']").prettyPhoto({
    });
});

Мне пришлось использовать «data-rel», поскольку «rel» обновляет страницу в jQuery-mobile.1.1.1.


image-gallery jquery jquery-mobile prettyphoto
person wilcode    schedule 21.04.2015    source источник
comment
Я думаю, что prettyPhoto требует атрибута rel для создания галереи изображений. Если вы вынуждены использовать атрибут data-rel для инициализации вместо rel, он будет работать нормально, если вы хотите инициализировать автономный лайтбокс изображения, но prettyPhoto, вероятно, все равно будет искать атрибут rel для создания галереи.   -  person Vladiks    schedule 21.04.2015
comment
@Vladiks В jQuery написано hook: 'rel;, как вы думаете, я могу изменить это и любые другие ссылки?   -  person wilcode    schedule 21.04.2015

Ответы (1)


arrow_upward
1
arrow_downward

Да, вы правы, просто используйте:

<a href="/images/reviews/full/2/ii_15986_1429535345455.jpg" data-pretty-photo="prettyPhoto[reviewsgallery]" class="ui-link" sl-processed="1">
    <img itemprop="photo" src="/images/reviews/full/2/ii_15986_1429535345455.jpg" width="100%" height="auto">
</a>

и в джаваскрипте:

jQuery("a[data-rel^='prettyPhoto']").prettyPhoto({
    hook : 'data-pretty-photo'  
});

и он должен работать нормально. Я не могу найти его в документации, но он виден в источнике:

hook: 'rel', /* the attribute tag to use for prettyPhoto hooks. default: 'rel'. For HTML5, use "data-rel" or similar. */
person Vladiks    schedule 21.04.2015
comment
Я уже пробовал это, и страница обновилась и заменила последнюю часть URL-адреса. - person wilcode; 21.04.2015
comment
Страница обновилась и осталась на том же экране? Странный. Без живого примера сложно сказать, что происходит, извините. - person Vladiks; 21.04.2015
comment
Итак, скажем, у вас есть www.test.com/hello/this-page, страница обновляется по клику, появляется галерея, но страница www.test.com/hello/prettyPhoto[gallery]. - person wilcode; 21.04.2015