spotlight.js是一款js弹出层Lightbox图片画廊插件。该插件在点击图片的缩略图时，以lightbox的方式弹出图片画廊，支持对图片进行放大、缩小、全屏、前后切换等操作。通过 Spotlight.js，你可以轻松地为你的网站添加一个优雅的图片和视频展示方式，而无需编写额外的 JavaScript 代码或处理复杂的 HTML 结构。
HTML结构
<a href="images/big1.jpg" class="spotlight" data-title="标题一" data-description="内容一">
<img src="images/small1.jpg" alt="">
<p>
标题一</p>
</a>
<a href="images/big2.jpg" class="spotlight" data-title="标题二" data-description="内容二">
<img src="images/small2.jpg" alt="">
<p>
标题二</p>
</a>
<a href="images/big3.jpg" class="spotlight" data-title="标题三" data-description="内容三">
<img src="images/small3.jpg" alt="">
<p>
标题三</p>
</a>
<a href="images/big4.jpg" class="spotlight" data-title="标题四" data-description="内容四">
<img src="images/small4.jpg" alt="">
<p>
标题四</p>
</a>图片分组
<div class="spotlight-group">
<a class="spotlight" href="big1.jpg">
<img src="small1.jpg">
</a>
<a class="spotlight" href="big2.jpg">
<img src="small2.jpg">
</a>
<a class="spotlight" href="big3.jpg">
<img src="small3.jpg">
</a>
</div>
<div class="spotlight-group">
<a class="spotlight" href="big1.jpg">
<img src="small1.jpg">
</a>
<a class="spotlight" href="big2.jpg">
<img src="small2.jpg">
</a>
<a class="spotlight" href="big3.jpg">
<img src="small3.jpg">
</a>
</div>
