Single Image Lightbox and Initialize using api

[aryanrajseo]

Hi, is it possible to create a Lightbox for each image separately and init using the JS? Like i have

<a class="spotlight" href="img1.jpg">
    <img src="thumb1.jpg">
</a>
<a class="spotlight" href="img2.jpg">
    <img src="thumb2.jpg">
</a>
<a class="spotlight" href="img3.jpg">
    <img src="thumb3.jpg">
</a>

it create a group of all 3 images. I want to show only the image clicked. I can use this to customize the lightbox.
data-control="autofit,close"

However, I am not able to see how i can target all the images using the JS code. I tried

<script>
Spotlight.show({
animation: "fade",
control: ["autofit", "close"],
});

</script>