<a href="big_1.jpg" data-fancybox="gallery"><img src="small_1.jpg" alt="" /></a> <a href="big_2.jpg" data-fancybox="gallery"><img src="small_2.jpg" alt="" /></a>
<div id="hidden-content" style="display: none;">
<h2>Hello</h2>
<p>You are awesome.</p>
</div>
<a href="javascript:;" data-fancybox data-src="#hidden-content"> Trigger the fancybox </a>