本文详细介绍了如何在网页中利用jQuery和Thickbox库实现图片预览功能，包括导入相关资源、编写HTML代码以及样式导入，通过实例展示了如何创建一个包含多个图片预览的页面。
在<head>标签中导入
<script type="text/javascript" src="path-to-file/jquery.js"></script>
<script type="text/javascript" src="path-to-file/thickbox.js"></script>
<style type="text/css" media="all">@import "path-to-file/thickbox.css";</style>
在body中使用
<a href="../images/acer_big.jpg" title="宏基笔记本AS4736ZG-442G50Mn" class="thickbox" rel="gallery-plants">
<img src="../images/acer_small.jpg" alt="宏基笔记本"/>
</a>
<a href="../images/acer2_big.jpg" title="宏基笔记本AS4736ZG-442G50Mn" class="thickbox" rel="gallery-plants">
<img src="../images/acer2_small.jpg" alt="宏基笔记本"/>
</a>
如果有rel="name" 名字要相同，说明他们是一个图片组！
尝试下就明白了，可以对thickbox.js,thickbox.css 文件进行修改
扫一扫
11
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
