<!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>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#aa{position:absolute;
width:1024px;
height:668px;}
#cc{position:absolute;
left:200px;
top:100px;}
#photos{position:absolute;
left:250px;
top:55px;}
#ss{position:absolute;
left:800px;
top:15px;}
.STYLE1 {color: #66CC00}
-->
</style></head>

<body >

<div id="aa"><img  src="../xiangce/xc.jpg"/></div>
<link type="text/css" rel="stylesheet" href="galleryview.css" />
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.1.2.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#photos').galleryView({
			panel_width: 500,
			panel_height: 380,
			frame_width: 80,
			frame_height: 60
		});
	});
</script>
</head>
<body>
<div id="photos" class="galleryview">
  <div class="panel">
     <img src="img/hy.jpg" /> 
    <div class="panel-overlay">
      <h2>1</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/hy2.jpg" /> 
    <div class="panel-overlay">
      <h2>2</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/hy3.jpg" /> 
    <div class="panel-overlay">
      <h2>3</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/hy4.jpg" /> 
    <div class="panel-overlay">
      <h2>4</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/hz.jpg" /> 
    <div class="panel-overlay">
      <h2>5</h2>
    </div>
  </div> 
  <div class="panel">
     <img src="img/jd.jpg" /> 
    <div class="panel-overlay">
      <h2>6</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd1.jpg" /> 
    <div class="panel-overlay">
      <h2>7</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd2.jpg" /> 
    <div class="panel-overlay">
      <h2>8</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd3.jpg" /> 
    <div class="panel-overlay">
      <h2>9</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd4.jpg" /> 
    <div class="panel-overlay">
      <h2>10</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd5.jpg" /> 
    <div class="panel-overlay">
      <h2>11</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd6.jpg" /> 
    <div class="panel-overlay">
      <h2>12</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd7.jpg" /> 
    <div class="panel-overlay">
      <h2>13</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/jd8.jpg" /> 
    <div class="panel-overlay">
      <h2>14</h2>
    </div>
  </div>  
  <div class="panel">
     <img src="img/qc.jpg" /> 
    <div class="panel-overlay">
      <h2>15</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/qc1.jpg" /> 
    <div class="panel-overlay">
      <h2>16</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl.jpg" /> 
    <div class="panel-overlay">
      <h2>17</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl1.jpg" /> 
    <div class="panel-overlay">
      <h2>18</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl2.jpg" /> 
    <div class="panel-overlay">
      <h2>19</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl3.jpg" /> 
    <div class="panel-overlay">
      <h2>20</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl4.jpg" /> 
    <div class="panel-overlay">
      <h2>21</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl5.jpg" /> 
    <div class="panel-overlay">
      <h2>22</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl6.jpg" /> 
    <div class="panel-overlay">
      <h2>23</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl7.jpg" /> 
    <div class="panel-overlay">
      <h2>24</h2>
    </div>
  </div>
      <div class="panel">
     <img src="img/zl8.jpg" /> 
    <div class="panel-overlay">
      <h2>25</h2>
    </div>
  </div> 
  <div class="panel">
     <img src="img/zgl.jpg" /> 
    <div class="panel-overlay">
      <h2>26</h2>
    </div>
  </div>
   <div class="panel">
     <img src="img/zgl1.jpg" /> 
    <div class="panel-overlay">
      <h2>27</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/zgl2.jpg" /> 
    <div class="panel-overlay">
      <h2>28</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/zgl3.jpg" /> 
    <div class="panel-overlay">
      <h2>29</h2>
    </div>
  </div>
    <div class="panel">
     <img src="img/zgl4.jpg" /> 
    <div class="panel-overlay">
      <h2>30</h2>
    </div>
  </div>
  <div class="panel">
     <img src="img/xianrenzhang.jpg" /> 
    <div class="panel-overlay">
      <h2>31</h2>
    </div>
  </div>
  <div class="panel">
     <img src="img/xianrenzhang2.jpg" /> 
    <div class="panel-overlay">
      <h2>32</h2>
    </div>
  </div>
  <div class="panel">
     <img src="img/xrz3.jpg" /> 
    <div class="panel-overlay">
      <h2>33</h2>
    </div>
  </div>   
  <ul class="filmstrip">
    <li><img src="img/frame-hy.jpg" alt="Effet du soleil"  /></li>
    <li><img src="img/frame-hy2.jpg" alt="Eden"  /></li>
    <li><img src="img/frame-hy3.jpg" alt="Snail on the Corn"  /></li>
    <li><img src="img/frame-hy4.jpg" alt="Flowers" /></li>
    <li><img src="img/frame-hz.jpg" alt="Alone Beach" /></li>
    <li><img src="img/frame-jd.jpg" alt="Sunrise Trees"  /></li>
    <li><img src="img/frame-jd1.jpg" alt="Waterfall"  /></li>
    <li><img src="img/frame-jd2.jpg" alt="Death Valley" /></li>
    <li><img src="img/frame-jd3.jpg" alt="Sunrise Trees"  /></li>
    <li><img src="img/frame-jd4.jpg" alt="Sunrise Trees"  /></li>
    <li><img src="img/frame-jd5.jpg" alt="Sunrise Trees"  /></li>
    <li><img src="img/frame-jd6.jpg" alt="Sunrise Trees"  /></li>
    <li><img src="img/frame-jd7.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-jd8.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-qc.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-qc1.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl1.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl2.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl3.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl4.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl5.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl6.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl7.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zl8.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zgl.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zgl1.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zgl2.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zgl3.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-zgl4.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-xrz.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-xrz2.jpg" alt="Sunrise Trees" /></li>
    <li><img src="img/frame-xrz3.jpg" alt="Sunrise Trees" /></li>
  </ul>
</div>
<div id="ss"><a href="http://www.jiazhonggou.com/" class="STYLE1">返回首页</a></div>
</body>
</html>

