您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 相册代码 >

    可全屏浏览baguettebox精美相册代码

    时间:2014-09-23 09:41 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表
    可全屏浏览baguettebox精美相册代码可全屏浏览baguettebox相册代码是一款简单易用,不依赖jquery等第三方库,支持一个页面多个相册。jquery全屏图片切换相册代码

    <!-- 代码 开始 -->
    <div class="baguetteBoxOne gallery">
            <a href="images/1-1.jpg" data-caption="Golden Gate Bridge"><img src="images/thumbs/1-1.jpg"></a>
            <a href="images/1-2.jpg" title="Midnight City"><img src="images/thumbs/1-2.jpg"></a>
            <a href="images/1-3.jpg"><img src="images/thumbs/1-3.jpg"></a>
            <a href="images/1-4.jpg"><img src="images/thumbs/1-4.jpg"></a>
            <a href="images/1-5.jpg"><img src="images/thumbs/1-5.jpg"></a>
            <a href="images/1-6.jpg"><img src="images/thumbs/1-6.jpg"></a>
            <a href="images/1-7.jpg"><img src="images/thumbs/1-7.jpg"></a>
            <a href="images/1-8.jpg"><img src="images/thumbs/1-8.jpg"></a>
    </div>
    <script>
    baguetteBox.run('.baguetteBoxOne', {
        animation: 'fadeIn',
    });
    </script>
    <!-- 代码 结束 -->
    可全屏浏览baguettebox精美相册代码由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/xiangce/10320.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!