Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Jonathan Bailey
Jonathan Bailey
374 Points

I can't figure out why my photos are not showing up in preview when setting up image gallery content.

There something in my code that I am overlooking. Sorry this is so simple folks.

<section>
      <ul>
        <li>
          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg" alt="">
            <p>Experimentation with color and texture.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg" alt="">
            <p>Playing with blending modes in Photoshop.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg" alt="">
            <p>Trying to create an 80's style of glows.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg" alt="">
            <p>Drips created using Photoshop brushes.</p>
          </a>
        </li>
        <li>
          <a href="img/numbers-012.jpg">
            <img src="img/numbers-012.jpg" alt="">
            <p>Creating shapes using repetition.</p>
          </a>
        </li>
      </ul>
    </section>

Sorry about that. Thanks for pointing me in the right direction.

6 Answers

Philip G
Philip G
14,601 Points
Philip G
Philip G
14,601 Points

Please post your code (In backticks see Markdown Cheatsheet)

Kasim Khan
Kasim Khan
4,925 Points
Kasim Khan
Kasim Khan
4,925 Points

The code looks right to me, I think the problem may lie with the image source, keep all your images in the same file.

Kristen Law
Kristen Law
16,244 Points
Kristen Law
Kristen Law
16,244 Points

Your code seems to be correct. Did you make sure your images are under a folder called "img"? File paths are case sensitive, so make sure the folder isn't named "Img" or "IMG".

Philip G
Philip G
14,601 Points
Philip G
Philip G
14,601 Points

And, sometimes i named my img file as image.PNG. Make sure the file extension is in lower case letters.

Todd Bartlett
Todd Bartlett
919 Points
Todd Bartlett
Todd Bartlett
919 Points

I had a similar problem, it was simply a typo in the folder name resulting in no images loading!

Philip G
Philip G
14,601 Points
Philip G
Philip G
14,601 Points

@jonathanbailey2 Is it working?

Jonathan Bailey
Jonathan Bailey
374 Points

So, I made a noob mistake. Thank you everyone for your advice and time on my folder! My image folder is in order now. My I be the example that disallows anyone from making the same mistake!