Sample lighbox not workingt

I am trying to make this sample lightbox to show an image but I have some error somewhere which I can not figure it out.

Question: Could you please take a look to see how I can get this working?

I am using:
LVL 34
Mike EghtebasDatabase and Application DeveloperAsked:
Who is Participating?
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:

The instructions are on the link you provided.  At this point, you should create a test page on your own site ( with only enough code to make this work.  Upload to a public facing area then post the link.  If this is a private intranet, by using non private data it is ok to upload.  If you still do not have a way to upload, try using or  You will need to do a little work on your end to get started.

Rainer JeschorCommented:
you have a wrong entry for the rel attribute:
Instead of
<a href="../images/location.png" rel="../js/lightbox" title="Location Map">

Open in new window

it should be just
<a href="../images/location.png" rel="lightbox" title="Location Map">Location</a>

Open in new window

BUT: your zipped sample project did not work at all, because the folder and linking/referencing structure did not match - therefore I had to change much more which was somehow unnecessary work.
And I do not know if this happens on your server as well, therefore please double check either using Chrome dev tools or IE 11 Dev Tools that each and every resource (JS, CSS, images ...) can be loaded.

Mike EghtebasDatabase and Application DeveloperAuthor Commented:
@Scott Fell,

Thank you for a very good advise. I have signed-up with jsfiddle and after creating my project there I will post my future questions there.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.