Как инициализировать jquery -viewer. js?

Question

это кажется простым вопросом, но я новичок в javascript и jquery: это мой код:

$.fn.viewer; // this does not work, it is supposed to initialize the viewer

$("#WallpaperArea").on('click','img',function(){
     $(this).viewer({
        inline: false,
        viewed: function() {
           $(this).viewer('zoomTo', 1);
        }
     });

     // Get the Viewer.js instance after initialized
     //var viewer = $(this).data('viewer');
});

html:

 <div id="WallpaperArea">
    <img ..../>
 </div>

проблема в том, что мне нужно щелкнуть второй раз по изображению, чтобы показать его, и это не стандартное поведение в демонстрационной версии проекта. после первого клика. каждый раз, когда я нажимаю, зритель работает, как ожидалось. как будто первый щелчок инициализирует зрителя, но он не отображается до второго щелчка

, так как сделать так, чтобы он отображался при первом щелчке?

спасибо за вашу помощь

jquery - зритель. js: https://github.com/fengyuanchen/jquery-viewer