ThickBox jquery 图形插件

在<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 文件进行修改

 

你可能感兴趣的:(JavaScript,jquery,css)