Как сделать показ увеличенных картинок (лайтбокс)

Берем сниппет Галерея картинок

<div class="as-lightbox"> 
    <a href="#" class="as-lightbox-item" data-url="{bigImgURL}" data-title="{title}"> 
        <img data-src="{thumbUrl}" /> 
        <h5>{title}</h5> 
    </a> 
    <a href="#" class="as-lightbox-item" data-url="{bigImgURL}" data-title="{title}"> 
        <img data-src="{thumbUrl}" /> 
        <h5>{title}</h5> 
    </a> 
    .... 
</div>