Lightbox Isn't Working Properly

I'm currently trying to implement lightbox onto my website, but I cannot get it to work, I don't think there is anything conflicting with it, and I have placed all of the files in

Solution 1:

The problem is that you're using an img tag, and they explicity say to use an anchor a one.

For me, it's working like a charm:

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.1/js/lightbox.min.js"></script><linkhref="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.1/css/lightbox.min.css"rel="stylesheet" /><ul><li><ahref="https://s-media-cache-ak0.pinimg.com/236x/d7/24/f9/d724f9e2e1a300dbdcb11b1d0491c884.jpg"data-lightbox="panda">Cute baby panda</a></li><li><ahref="https://s-media-cache-ak0.pinimg.com/236x/25/17/52/2517525a674d91b127938e55a72f0f12.jpg"data-lightbox="panda">Another</a></li><li><ahref="http://i.ytimg.com/vi/qfsRZsvraD8/hqdefault.jpg"data-lightbox="panda">Last one</a></li></ul>

Solution 2:

The documentation says to use <a> (anchor tag) to trigger the lightbox.

<li><ahref="images/1.png"data-lightbox="image-1"><imgsrc="images/1.png" /></a></li>