<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>jquery插件实现无刷新分页列表展示详细信息相册代码 </title>
<link rel="stylesheet" href="css/basic.css" type="text/css" />
<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<!-- We only want the thunbnails to display when javascript is disabled -->
<script type="text/javascript">
document.write('<style>.noscript { display: none; }</style>');
</script>
</head>
<body>
<div id="page">
<div id="container">
<!-- Start Advanced Gallery Html Containers -->
<div id="gallery" class="content">
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container"></div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li>
<a class="thumb" name="leaf" href="images/2538183196_8baf9a8015.jpg" title="Title #0">
<img src="images/2538183196_8baf9a8015_s.jpg" alt="Title #0" />
</a>
<div class="caption">
<div class="download">
<a href="images/2538183196_8baf9a8015_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #0</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" name="drop" href="images/2538171134_2f77bc00d9.jpg" title="Title #1">
<img src="images/2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
</a>
<div class="caption">
Any html can be placed here ...
</div>
</li>
<li>
<a class="thumb" name="bigleaf" href="images/2538168854_f75e408156.jpg" title="Title #2">
<img src="images/2538168854_f75e408156_s.jpg" alt="Title #2" />
</a>
<div class="caption">
<div class="download">
<a href="images/2538168854_f75e408156_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #2</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" name="lizard" href="images/2538167690_c812461b7b.jpg" title="Title #3">
<img src="images/2538167690_c812461b7b_s.jpg" alt="Title #3" />
</a>
<div class="caption">
<div class="download">
<a href="images/2538167690_c812461b7b_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #3</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2538167224_0a6075dd18.jpg" title="Title #4">
<img src="images/2538167224_0a6075dd18_s.jpg" alt="Title #4" />
</a>
<div class="caption">
<div class="download">
<a href="images/2538167224_0a6075dd18_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #4</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2537348699_bfd38bd9fd.jpg" title="Title #5">
<img src="images/2537348699_bfd38bd9fd_s.jpg" alt="Title #5" />
</a>
<div class="caption">
<div class="download">
<a href="images/2537348699_bfd38bd9fd_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #5</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2538164582_b9d18f9d1b.jpg" title="Title #6">
<img src="images/2538164582_b9d18f9d1b_s.jpg" alt="Title #6" />
</a>
<div class="caption">
<div class="download">
<a href="images/2538164582_b9d18f9d1b_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #6</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2538164270_4369bbdd23.jpg" title="Title #7">
<img src="images/2538164270_4369bbdd23_s.jpg" alt="Title #7" />
</a>
<div class="caption">
<div class="download">
<a href="images/2538164270_c7d1646ecf_o.jpg">Download Original</a>
</div>
<div class="image-title">Title #7</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2538163540_c2026243d2.jpg" title="Title #8">
<img src="images/2538163540_c2026243d2_s.jpg" alt="Title #8" />
</a>
<div class="caption">
<div class="download">
<a href="images/2538163540_c2026243d2_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #8</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2537343449_f933be8036.jpg" title="Title #9">
<img src="images/2537343449_f933be8036_s.jpg" alt="Title #9" />
</a>
<div class="caption">
<div class="download">
<a href="images/2537343449_f933be8036_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #9</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2082738157_436d1eb280.jpg" title="Title #10">
<img src="images/2082738157_436d1eb280_s.jpg" alt="Title #10" />
</a>
<div class="caption">
<div class="download">
<a href="images/2082738157_436d1eb280_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #10</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2083508720_fa906f685e.jpg" title="Title #11">
<img src="images/2083508720_fa906f685e_s.jpg" alt="Title #11" />
</a>
<div class="caption">
<div class="download">
<a href="images/2083508720_fa906f685e_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #11</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2082721339_4b06f6abba.jpg" title="Title #12">
<img src="images/2082721339_4b06f6abba_s.jpg" alt="Title #12" />
</a>
<div class="caption">
<div class="download">
<a href="images/2082721339_4b06f6abba_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #12</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2083503622_5b17f16a60.jpg" title="Title #13">
<img src="images/2083503622_5b17f16a60_s.jpg" alt="Title #13" />
</a>
<div class="caption">
<div class="download">
<a href="images/2083503622_5b17f16a60_b.jpg">Download Original</a>
</div>
<div class="image-title">Title #13</div>
<div class="image-desc">Description</div>
</div>
</li>
<li>
<a class="thumb" href="images/2083498578_114e117aab.jpg" title="Title #14">
<img src="images/2083498578_114e117aab_s.jpg" alt="Title #14" />
</a>
<div class="caption">
<div class="download">
<a href="images/2083498578_114e117aab_b.jpg">Download Original</a>
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
jQuery实现无刷新分页列表点击缩略图展示详细信息相册源码
共77个文件
jpg:71个
js:3个
css:2个
4星 · 超过85%的资源 需积分: 9 224 下载量 187 浏览量
2015-08-26
10:01:57
上传
评论
收藏 8.49MB RAR 举报
温馨提示
实现了左侧无刷新分页列表,右侧显示点击左侧缩略图后所得到的大图及文字的详细信息效果代码,此段代码适应于所有需要此类效果的网页使用。本段代码兼容目前最新的各类主流浏览器。
资源推荐
资源详情
资源评论
收起资源包目录
jQuery实现无刷新分页列表点击缩略图展示详细信息相册源码.rar (77个子文件)
images
2538167690_c812461b7b_b.jpg 268KB
2083498578_114e117aab_b.jpg 215KB
2538183196_8baf9a8015.jpg 85KB
2537343449_f933be8036.jpg 72KB
2538167224_0a6075dd18_s.jpg 5KB
2538167224_0a6075dd18_b.jpg 315KB
2083503622_5b17f16a60.jpg 66KB
2083478274_26775114dc_b.jpg 267KB
2538173236_b704e7622e_b.jpg 298KB
2082738157_436d1eb280.jpg 55KB
2083508720_fa906f685e.jpg 64KB
2538173236_b704e7622e.jpg 93KB
2083476642_d00372b96f.jpg 91KB
1380178473_fc640e097a_b.jpg 315KB
2538173236_b704e7622e_s.jpg 5KB
2538171134_2f77bc00d9.jpg 80KB
2083503622_5b17f16a60_s.jpg 3KB
2082721339_4b06f6abba.jpg 37KB
2538172432_3343a47341_s.jpg 6KB
2537348699_bfd38bd9fd_s.jpg 5KB
2538164582_b9d18f9d1b_b.jpg 128KB
2083478274_26775114dc_s.jpg 3KB
2083464534_122e849241_b.jpg 436KB
2538183196_8baf9a8015_b.jpg 310KB
1380178473_fc640e097a.jpg 90KB
2082705341_afcdda0663.jpg 69KB
2082721339_4b06f6abba_b.jpg 149KB
2083503622_5b17f16a60_b.jpg 249KB
2538171134_2f77bc00d9_s.jpg 5KB
2082738157_436d1eb280_b.jpg 202KB
2537343449_f933be8036_b.jpg 245KB
1502907190_7b4a2a0e34_s.jpg 5KB
2083464534_122e849241_s.jpg 5KB
1380178473_fc640e097a_s.jpg 5KB
2082738157_436d1eb280_s.jpg 3KB
2537343449_f933be8036_s.jpg 4KB
2538168854_f75e408156.jpg 77KB
2538163540_c2026243d2.jpg 103KB
2538172432_3343a47341_b.jpg 452KB
2538164270_4369bbdd23_s.jpg 5KB
2082705341_afcdda0663_b.jpg 251KB
2538164270_c7d1646ecf_o.jpg 329KB
2083476642_d00372b96f_s.jpg 4KB
2538163540_c2026243d2_b.jpg 339KB
2538164582_b9d18f9d1b.jpg 40KB
2083508720_fa906f685e_s.jpg 4KB
2538164582_b9d18f9d1b_s.jpg 2KB
2538168854_f75e408156_s.jpg 5KB
1502907190_7b4a2a0e34_b.jpg 416KB
2083498578_114e117aab.jpg 61KB
2538164270_4369bbdd23.jpg 91KB
2538167224_0a6075dd18.jpg 100KB
2538168854_f75e408156_b.jpg 264KB
2082721339_4b06f6abba_s.jpg 2KB
2083464534_122e849241.jpg 120KB
2082705341_afcdda0663_s.jpg 4KB
2538183196_8baf9a8015_s.jpg 5KB
2083476642_d00372b96f_b.jpg 342KB
1502907190_7b4a2a0e34.jpg 116KB
2537348699_bfd38bd9fd_b.jpg 505KB
2538167690_c812461b7b.jpg 84KB
2537348699_bfd38bd9fd.jpg 137KB
2083508720_fa906f685e_b.jpg 241KB
2538167690_c812461b7b_s.jpg 5KB
930424599_e75865c0d6_s.jpg 2KB
2538172432_3343a47341.jpg 120KB
2083478274_26775114dc.jpg 73KB
2538163540_c2026243d2_s.jpg 5KB
930424599_e75865c0d6_b.jpg 95KB
930424599_e75865c0d6.jpg 27KB
2083498578_114e117aab_s.jpg 3KB
js
jquery.galleriffic.js 32KB
jquery.opacityrollover.js 937B
jquery-1.3.2.js 118KB
css
basic.css 1KB
galleriffic-2.css 3KB
index.html 21KB
共 77 条
- 1
资源评论
- 活在当下&2017-08-31一般,就是只是实例
- gmxiongxiong2016-07-16完全没看懂
「已注销」
- 粉丝: 165
- 资源: 198
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C语言基础-C语言编程基础之Leetcode编程题解之第33题搜索旋转排序数组.zip
- 基于Python实现的手写数字识别系统源码.zip
- 从网页提取禁止转载的文字
- C语言基础-C语言编程基础之Leetcode编程题解之第32题最长有效括号.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第31题下一个排列.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第30题串联所有单词的子串.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第29题两数相除.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第28题找出字符串中第一个匹配项的下标.zip
- 实验报告模板(1).docx
- C语言基础-C语言编程基础之Leetcode编程题解之第26题删除有序数组中的重复项.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功