To start, you must deactivate the lightbox plugin to prevent the function from triggering when clicking on your image.
Edit or disable the line
$('#img_slider li .pic').fancybox({'titlePosition': 'inside', 'overlayColor':'#000'});
found on
line 88 of
scripts.js
Then, you can connect your subpages by utilizing the current picHold div. Assign an ID/href (where it should link) to the anchor.
<div class="picHold">
<a id="mySubpage" class="pic" rel="Appendix" href="#!/mySubpage"><span class="zoomSp"></span><img src="images/galleryIcon1.jpg" alt=""></a>
</div>
After that, duplicate your other content containers (li) and assign the newly created ID to them.
For example:
<li id="mySubpage">
<div class="box">
<div class="closePlane">
<a class="closeButton" href="#!/pageGallery"><img src="images/closeIcon.png" alt=""></a>
</div>
<div class="containerContent">
<h2>Subpage Policy</h2>
<div class="col1">
<div class="Btns1">
<a href="#" class="upBtn"></a>
<a href="#" class="downBtn"></a>
</div>
<div class="scroll1">
<p class="padBot4">Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
<p class="padBot4">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus. Duis autem vel eum iriure dolor in hendrerit.</p>
<p>Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
</div>
</div>
</li>
Follow these steps, and your setup will be complete! All tested and functioning properly.