Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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
25,971 Points
Tamur Farrokhnia
Tamur Farrokhnia
25,971 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