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

JavaScript

Posted by Jason Choi
.a{fill-rule:evenodd;}techdegree seal-36
Jason Choi
Front End Web Development Techdegree Graduate 21,159 Points

Navigation arrow not showing in Lightbox

I'm stuck on the Interactive Photo Gallery (Front End Web Development Techdegree : Project 4).

So far I've made the layouts to match the mockup, but I can't make the back and forward arrows visible. (when I click the thumbnail and the image is enlarged)

I've linked the lightbox css and js files to the html.

Does anybody know the solution?

Thank you very much! :)

3 Answers

jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points

you can try using this jquery plugin

http://fancybox.net/

Murat Hasdemir
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Murat Hasdemir
Front End Web Development Techdegree Graduate 20,968 Points
Murat Hasdemir
.a{fill-rule:evenodd;}techdegree seal-36
Murat Hasdemir
Front End Web Development Techdegree Graduate 20,968 Points

Jason Choi first try to look if they exist in your dom if they aren't then you have problem on JS. If they are there but not showing then you'r problem might be they have ''display:none'' or no ''z-index'' check those please.

Austin Rowe
Austin Rowe
8,430 Points
Austin Rowe
Austin Rowe
8,430 Points

Try renaming your img folder to images. I had the same problem and this actually resolved the issue.