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 How to Make a Website Creating HTML Content Add Image Gallery Content

Posted by Quinn Zite
Quinn Zite
1,613 Points

jpg images aren't loading on preview in chrome or firefox.

they show up as a broken jpg link

2 Answers

Tamur Farrokhnia
Tamur Farrokhnia
27,197 Points
Tamur Farrokhnia
Tamur Farrokhnia
27,197 Points

Hi Quinn,

I'd need to see your actual code to be sure, but my guess is if you're seeing a broken link it means that you inserted the image tags correctly, but did not specify the correct file path. This could be a typo, or neglecting a folder on the way to the final image.

Amr Tag
Amr Tag
5,429 Points
Amr Tag
Amr Tag
5,429 Points

If you are using relative links for images you have make sure you jump in and out of directories correctly (../ to jump out one level) Also, make sure to include the file extension in the end (../img/sample1.jpg) for example.. If you are including an image through a link, make sure the link has the image file name in the end (www.example.com/index/gallery/images/sample1.jpg) Or else the image will not work properly (I tried using some Facebook images and it didn't load correctly).. These are the mistakes I made any way...hope they help