увеличение картинок при клике

[enbond]

Приветствую!  

Никак не могу понять как увеличивать картинки по клику. 

Есть статьи обернутые в класс article

<div class="article">
  <p>Текст текст текст</p>
  <img src="image.jpg">
  <img src="image.jpg">
  <img src="image.jpg">
  <img src="image.jpg">
  <p>Текст текст текст</p>
</div>

Картинки большие, уменьшаются css по ширине с авто высотой. 

.article img {
  max-width: 100%;
  height: auto;
}

Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. 

Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в тег a и прописать нужный класс. А у меня не тега a и классов никаких у изображений. 

Можно конечно прописать, но так как страниц в таком виде куча и на каждой много картинок... В общем может есть какой плагин, который по аналогии fancybox может подцепить все картинки внутри класса article?