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

CSS jQuery Basics (2014) Creating a Simple Lightbox Perform: Part 2

Posted by Ayush Mohanty
Ayush Mohanty
1,774 Points

My screen isn't turning black

Here is my code: https://w.trhou.se/kyi40dxg9u

Can someone help me understand my error because I don't know how to make the screen black.

Look at the following files:

HTML: Index.html CSS: css/style.css JavaScript: js/app.js

Thanks

6 Answers

Tomas Pavlik
Tomas Pavlik
26,726 Points
Tomas Pavlik
Tomas Pavlik
26,726 Points

Hi Ayush, I do not know what may be wrong, I've tried your code and it seems to be working - after I clicked, the screen went black and after another click, the black overlay disappeared. Refresh your page and try it again... Tom

Ayush Mohanty
Ayush Mohanty
1,774 Points

I did refresh and the black overlay is still not showing up. Could be that my browser is causing this or some other factor other than my code?

Tomas Pavlik
Tomas Pavlik
26,726 Points
Tomas Pavlik
Tomas Pavlik
26,726 Points

Hmm... strange, what happened if you try it in another browser?

Lukas Gutwinski
Lukas Gutwinski
16,427 Points
Lukas Gutwinski
Lukas Gutwinski
16,427 Points

Strange, for whatever reason I'm having the same issue in Chrome. It works in Firefox though...

Zac Mackey
Zac Mackey
11,392 Points
Zac Mackey
Zac Mackey
11,392 Points

I don't know what's wrong either; I'm thinking it must be a browser issue. I tried your code exactly as it's presented and it works just fine in Chrome on my Mac.

Clint Dehner
Clint Dehner
8,808 Points
Clint Dehner
Clint Dehner
8,808 Points

I'm using a pc and using chrome as my browser. When I open up your code and click on an "image" the black overlay pops up fine for me. Did you make sure to see if your coding worked as you're writing it? Or did it just stop working correctly at this point of the lesson?

Ayush Mohanty
Ayush Mohanty
1,774 Points

It stopped working correctly at this point of the lesson. But it's weird because I copied line for line after I couldn't figure out.

Anthony c
Anthony c
20,907 Points
Anthony c
Anthony c
20,907 Points

13/16 of the questions for this video are about the overlay not working.

Treehouse should address this in the teachers notes or some other prominent area. It's obviously a place where people are having trouble either understanding or are running into a bug.

Don't make us read through 15 different threads!