一、脚本引入:
<link href="js/baguettebox.css" rel="stylesheet" />
<script src="js/baguettebox.min.js"></script> //下载地址 http://pan.baidu.com/s/1o6vC00y
二、主要代码:
<body>
<!-- 代码 开始 -->
<div class="baguetteBoxOne gallery">
<a href="images/1-1.jpg" ><img src="images/thumbs/1-1.jpg"/></a>
<a href="images/1-2.jpg" ><img src="images/thumbs/1-2.jpg"/></a>
<a href="images/1-3.jpg"><img src="images/thumbs/1-3.jpg"/></a>
</div>
<script>
baguetteBox.run('.baguetteBoxOne', {
animation: 'fadeIn',
});
</script>
<!-- 代码 结束 -->
</body>