JS部分:
<script type="text/javascript" src="spotlight.bundle.js.js"></script>
HTML结构:
<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>
要对图片进行分组,使用spotlight-group class即可
<div class="spotlight-group"> <a class="spotlight" href="dog1.jpg"> <img src="dog1-thumb.jpg"> </a> <a class="spotlight" href="dog2.jpg"> <img src="dog2-thumb.jpg"> </a> <a class="spotlight" href="dog3.jpg"> <img src="dog3-thumb.jpg"> </a> </div> <div class="spotlight-group"> <a class="spotlight" href="cat1.jpg"> <img src="cat1-thumb.jpg"> </a> <a class="spotlight" href="cat2.jpg"> <img src="cat2-thumb.jpg"> </a> <a class="spotlight" href="cat3.jpg"> <img src="cat3-thumb.jpg"> </a> </div>