Проблема с photoswipe и lazyload
 

Доброго времени!
Использую на сайте библиотеку http://photoswipe.com.
На нужной странице вывожу <div> внутри которого идут картинки:

<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
      <a href="https://farm3.staticflickr.com/2567/5697107145_a4c2eaa0cd_o.jpg" itemprop="contentUrl" data-size="1024x1024">
          <img class="lazy" data-original="https://farm3.staticflickr.com/2567/5697107145_3c27ff3cd1_m.jpg" itemprop="thumbnail" alt="Image description" width="200" height="200"/>
      </a>

Проблема возникла с добавлением Lazyload. Ленивая загрузка не срабатывает при выводе на странице картинок. А работает в тот момент, когда нижимаешь на картинку, прежде чем открыть полноразменое изображение.
Как решить проблему?
Заранее благодарю за помощь!

troi88,
не ждите телепатов, сделайте макет.

А можно выразиться яснее?

troi88,
без примера в котором видно вашу проблему, сложно помочь.

Прошу прощения! Вот страница с примером:
http://dimidm.bget.ru/eskizy-tattoo-realism.html

troi88,
удалить все атрибуты src="..." из картинок, загрузить плагин , инициализировать через jQuery а не $.
сейчас

<script> $("img.lazy").lazyload(); </script>

нужно

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazyload/1.9.1/jquery.lazyload.js"></script>
<script> jQuery("img.lazy").lazyload(); </script>

Рони, спасибо тебе огромное!
Проблема решена!
Не знаю, что бы я без тебя делал!!!