prettyPhoto для нескольких галерей на одной странице

Я хотел бы инициализировать плагин prettyPhoto для нескольких галерей на одной странице, чтобы они могли отображаться отдельно. Моя идея состояла в том, чтобы пройти через все div, которые содержат картинки и инициализировать новый prettyPhoto для всех изображений в этом div. Но val по-видимому, это какой-то объект, и я не могу вызывать какие-либо функции для него. Есть ли способ, как сделать то, что мне нужно?

 $(document).ready(function() {
     $.each($(".gallery"), function(i, val) {
         $(val).find("img").prettyPhoto({}); //init prettyPhoto plugin
     });
 });

PS Извините за неубедительный вопрос, я полагаю, это основной материал.

1 ответ

Решение

Я наконец нашел решение на случай, если кто-то заинтересован.

 $(document).ready(function(){
        $.each($(".gallery"), function(i, val) {
            var queryString = ".gallery:nth(" + i + ") a[rel^='prettyPhoto']";
            $(queryString).prettyPhoto({animation_speed:'normal',theme:'light_square', social_tools: false});
        });
    });
Другие вопросы по тегам