Just in case someone comes across this post with the same issue as I, I finally got it working the way I wanted it to.
<tr><td class="padr">Photo 1:</td><td><a href="../files/IMG_0003331.JPG"><img src="../files/IMG_0003331.jpg" width="200" height="150"/></a></td></tr>
<tr><td class="padr">Photo 2:</td><td><a href="../files/IMG_0004332.JPG"><img src="../files/IMG_0004332.jpg" width="200" height="150"/></a></td></tr>
<tr><td class="padr">Photo 3:</td><td><a href="../files/IMG_0005333.JPG"><img src="../files/IMG_0005333.jpg" width="200" height="150"/></a></td></tr>
This shows thumbnail sized preview in the bubble and opens the photo in photo viewer upon click.