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

    jQuery门户网站带缩略图相册

    时间:2014-06-30 08:21 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    jQuery门户网站带缩略图相册jQuery门户网站带缩略图相册是一款基于jQuery的相册代码,门户网站常用的图片预览代码,图片能自适应显示,支持左右箭头点击切换。jquery门户网站缩略图自适应 所属专题:相册代码


    <div class="album-image-md" id="album-image-md">
     <p class="album-image-bd"><img src="img/01.jpg" class="album-image" id="album-image" alt="相册图片-示例图片(1)" width="674" height="750" /></p>  
     <p class="album-image-ft" id="album-image-ft">相册图片-示例图片(1)</p>
     <a class="album-download" id="album-download" href="img/01.jpg" target="_blank"><span>下载图片</span></a>
     <ul class="album-image-nav hide" id="album-image-nav">
       <li class="album-image-nav-left-block" id="album-image-nav-left-block"><a href="#prev-image" class="album-image-btn-prev" id="album-image-btn-prev">‹</a></li>
     <li class="album-image-nav-right-block" id="album-image-nav-right-block"><a href="#next-image" class="album-image-btn-next" id="album-image-btn-next">›</a></li>
     </ul>
     <p class="album-image-loading-overlay hide" id="album-image-loading-overlay"><img src="img/loading.gif" alt="loading..." width="100" height="100" /></p>
    </div>

    jQuery门户网站带缩略图相册由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/xiangce/9738.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!