Okay, so I thought it would take me a few minutes to implement, now it took more than an hour of my time, and I'm just completely puzzled.
I downloaded lightbox2 following the instructions; embedding their CSS and JS at the beginning of my index.html
<link href="lightbox/lightbox.css" rel="stylesheet">
<script src="lightbox/lightbox-plus-jquery.js"></script>
I only test it on localhost if that matters. The paths are set to 100% correct, as well as the paths to the 4 images that CSS requires.
Now in my body I use href with an attribute data-lightboxlike this
<a class="example-image-link" href="gallery/i1.jpg" data-lightbox="group" data-title="Optional caption.">
<img class="example-image" src="gallery/i1.jpg" alt="desc">
</a>
<a class="example-image-link" href="gallery/i2.jpg" data-lightbox="group" data-title="Optional caption.">
<img class="example-image" src="gallery/i2.jpg" alt="desc">
</a>
There is nothing on the page, so the result is as follows:
, , , , .. , , a href . JSFiddle CSS JS, , . → JSFIDDLE
.. , .