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

Design

Carl-Kaspar Puhm
seal-mask
.a{fill-rule:evenodd;}techdegree
Carl-Kaspar Puhm
Front End Web Development Techdegree Student 8,692 Points
Posted by Carl-Kaspar Puhm
.a{fill-rule:evenodd;}techdegree
Carl-Kaspar Puhm
Front End Web Development Techdegree Student 8,692 Points

Whats a good way to display full size images on a static website?

Hi Treehouse community! I am working on a website to display my friends art. I need to make a gallery for full size images. Next to every full size image i need to have a piece of information. Something like this:

https://www.saragolish.com/fullscreen-page/comp-j0i9bxey/561f161f-9b54-40a1-8f87-38bf906ff16c/0/%3Fi%3D0%26p%3Diobi1%26s%3Dstyle-j0j2ieo4

Now because it is a static page i see two options:

  1. using a lightbox, but it seems to be hard to display an image and some text next to it using this method.
  2. making a separate html document for every single one of the 8 artworks that we need to display, and easily develop the site from there. i think it is not the most clever method tho.

What are the other options?

Thank you, Kaspar

1 Answer

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

I just want to ask first, why does it have to be static? For only 8 images I'd probably just go with option B, as that's still manageable.

But, maybe check out some static site generators that would still allow you to seperate content from style, so if you wanted to update the template, you have one space to do it, not 8 or more

Carl-Kaspar Puhm
seal-mask
.a{fill-rule:evenodd;}techdegree
Carl-Kaspar Puhm
Front End Web Development Techdegree Student 8,692 Points
Carl-Kaspar Puhm
.a{fill-rule:evenodd;}techdegree
Carl-Kaspar Puhm
Front End Web Development Techdegree Student 8,692 Points

Thanks for the quick answer!

It is static just because i have no idea how to convert it to a dynamic site. Just not there jet! As soon as i can it is going to be converted into a dynamic site.

But i'll go for the plan B at the moment.

Kevin Korte
Kevin Korte
28,149 Points
Kevin Korte
Kevin Korte
28,149 Points

Gotcha, no worries, that makes sense.

I think a lightbox might add unnecessary complexity. And then when you're ready, convert that over to a dynamic site so you can separate content from design and you'll make your life as a dev much easier.

But we all start somewhere, I still remember the days I did static sites too, same reason. Just keep at it.