Problems with adding pictures to gallery page

Question

I have a gallery page that looks pretty good, but I need to add my own pictures of myself and/or family... I've tried to do so but it isn't working the way it should.

Here a codepen of the problem: https://codepen.io/AJ2021/pen/EOWYvmenter code here

I need my photos to be in a shadowbox so I have a thumbnail on the page and when I click on it, it opens in a large view.

Answer 1

If the codepen has the exact same code your dreamweaver does, I found an error in the snippet.

It originally was:

<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg"></a>" alt=""/> rel="shadowbox[picture]" title="a">
    <img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
  </a>

Now it's:

<a href="../Documents/SU Fall 2017/Foltz_class/img_Lawtons_Marina.jpg" alt="" rel="shadowbox[picture]" title="a">
    <img src="../Documents/SU Fall 2017/Foltz class/tmb_Lawtons_Marina.jpg">
  </a>

It looks like the anchor tag <a> had closed too early.