I'm in a basic web design class. I am creating a site for a project, and essentially what I want to do is this:
I want to make it so when I click on an image of a picture frame, a box appears with HTML content. By "appears", I mean that the picture frame image expands as if one was pulling the frame towards them to read the detailed information. The expanded image would be in front of the home page.

Problem: I am pretty good with HMTL and CSS but we haven't started with Javascript yet.

I really want to make this work, so if anybody knows how to make it work, please reply.

My professor won't help me, but says I'll automatically get an A in the class if I can make it happen.