<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link type="text/css" rel="stylesheet" href="style/style.css">
<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/slides-1.1.1-min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('.succesny').olvSlides({
thumb: true,
thumbPage: true,
thumbDirection: "Y",
effect: 'fade'
});
})
</script>
</head>
<body>
<div class="successlunbo">
<div class="succesny">
<div class="control">
<ul class="change">
</ul>
</div>
<div class="thumbWrap">
<div class="thumbCont">
<ul>
<!-- img属性, url=url, text=描述, bigimg=大图, alt=标题 -->
<li>
<div><img src="images/s1.jpg" url="url" bigImg="images/1.jpg" alt="标题1"></div>
</li>
<li>
<div><img src="images/s2.jpg" url="url" bigImg="images/2.jpg" alt="标题2"></div>
</li>
<li>
<div><img src="images/s3.jpg" url="url" bigImg="images/3.jpg" alt="标题3"></div>
</li>
<li>
<div><img src="images/s4.jpg" url="url" bigImg="images/4.jpg" alt="标题4"></div>
</li>
<li>
<div><img src="images/s5.jpg" url="url" bigImg="images/5.jpg" alt="标题5"></div>
</li>
<li>
<div><img src="images/s1.jpg" url="url" bigImg="images/1.jpg" alt="标题6"></div>
</li>
<li>
<div><img src="images/s2.jpg" url="url" bigImg="images/2.jpg" alt="标题7"></div>
</li>
<li>
<div><img src="images/s3.jpg" url="url" bigImg="images/3.jpg" alt="标题8"></div>
</li>
<li>
<div><img src="images/s4.jpg" url="url" bigImg="images/4.jpg" alt="标题9"></div>
</li>
<li>
<div><img src="images/s5.jpg" url="url" bigImg="images/5.jpg" alt="标题10"></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>
jQuery图片轮播展示带文字带缩略图
需积分: 34 13 浏览量
2018-05-23
21:34:04
上传
评论
收藏 286KB RAR 举报
jquery图片轮播展示带文字带缩略图.rar （22个子文件） 
images 
5.jpg 29KB
ActionIcons10.png 3KB s3.jpg 2KB 3.jpg 34KB Ynext.png 2KB snext.png 1KB s4.jpg 2KB 4.jpg 33KB s2.jpg 2KB 2.jpg 47KB s5.jpg 2KB 1.jpg 43KB s1.jpg 2KB arrows_01.png 537B
Thumbs.db 69KB Yprev.png 2KB arrows_02.png 519B sprev.png 1KB js slides-1.1.1-min.js 19KB jquery-1.7.1.min.js 92KB
index.html 3KB style style.css 4KB资源评论
