Я использую подключаемый модуль для просмотра фотографий Javascript (здесь->http://www.photoswipe.com/). Я хочу динамически обновлять фотографии, к которым подключен штекер, когда пользователь просматривает изображения.
У меня есть объект Javascript (я использую фреймворк Joose), который отвечает за обновление его свойств на основе результата ajax-вызова php-скрипта, который анализирует элементы изображения.
Вот мой код:
<script>
(function(window, PhotoSwipe){
domInjector = new DOMInjector();
domInjector.init();
document.addEventListener('DOMContentLoaded', function(){
var options = {
preventHide: true,
getImageSource: function(obj)
{
return obj.url;
},
getImageCaption: function(obj)
{
return obj.caption;
}
},
instance = PhotoSwipe.attach(
[
domInjector.output
],
options
);
instance.show(0);
}, false);
}(window, window.Code.PhotoSwipe));
domInjector.output должен выглядеть примерно так -> { url: '" + this.masterObject.elementArray[1].imageLink + "', заголовок: 'Изображение 001'}
где this.masterObject.elementArray[1].imageLink — это URL-адрес изображения.
Но... поскольку функция ajax требует конечного времени для завершения, domInjector.output пуст в течение нескольких секунд, а подключаемый модуль смахивания изображения не имеет элементов!
Остальная часть моего кода хороша, все работает нормально. Я просто не знаю, как я могу внедрить обновленный domInjector.output после завершения функции ajax?
Извините, это очень сложно объяснить. Любая помощь была бы отличной.