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});
});
});