Team:XMU-China/photogallery

From 2012.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title>photogallery</title>
 
<style>
<style>
-
html {background:#000}
+
 
-
body, ul {margin:0;padding:0}
+
-
li {list-style:none}
+
-
img {border:none;display:block}
+
-
#phototable {
+
-
position: relative;
+
-
top: auto;
+
-
}
+
.slide-wp {
.slide-wp {
width: 900px;
width: 900px;
height: 300px;
height: 300px;
overflow: hidden;
overflow: hidden;
-
 
+
position: relative;
 +
left: 25px;
 +
top: 25px;
 +
z-index: -1;
 +
}
}
.nav-wp {
.nav-wp {
 +
position: relative;
 +
top: 0px;
 +
left: 396px;
border-radius: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-border-radius: 4px;
-
padding: 0 20px 6px 10px;
+
_padding: 0 10px 2px 10px;
-
_padding: 0 20px 2px 10px;
+
background-color: #0099cc;
background-color: #0099cc;
 +
padding-top: 0;
 +
padding-right: 10px;
 +
padding-bottom: 6px;
 +
padding-left: 10px;
 +
height: 22px;
 +
width: 150px;
 +
text-align: center;
 +
z-index: -1;
}
}
.nav li {
.nav li {
Line 35: Line 41:
cursor: pointer;
cursor: pointer;
height: 22px;
height: 22px;
 +
width: auto;
}
}
.nav li.cur{
.nav li.cur{
-
color: #fc49b6
+
color: #fc49b6;
 +
width: auto;
}
}
.next {
.next {
Line 52: Line 60:
background-color: #0099cc;
background-color: #0099cc;
font-weight: normal;
font-weight: normal;
 +
font-size: 14px;
 +
overflow: hidden;
}
}
 +
#photogallery{
 +
border:0;
 +
z-index:-4;
 +
background:#F00;
 +
visibility:hidden;
 +
}
 +
#photogallery tr {
 +
background-color: #0F0;
 +
z-index: -4;
 +
visibility:hidden;
 +
}
 +
#photogallery tr td {
 +
background-color: #00F;
 +
z-index: -4;
 +
visibility:hidden;
 +
}
 +
</style>
</style>
</head>
</head>
-
 
<body>
<body>
-
<table width="900" border="0" cellspacing="0" cellpadding="0" id="phototable">
+
 
-
  <tr>
+
<div id="slider" class="slide-wp">
-
    <td>
+
-
    <div id="slider" class="slide-wp">
+
<ul>
<ul>
-
<li><a href="http://www.cnblogs.com/hongru/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/a/a0/Xmu_photo_001.jpg" width="900" height="300"></a></li>
+
<li><a href="https://static.igem.org/mediawiki/2012/e/ea/XMUIMG_1429.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/e/ea/XMUIMG_1429.jpg" width="900" height="300"></a></li>
-
<li><a href="http://www.cnblogs.com/hongru/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/3/3e/IMG_0644.jpg" width="900" height="300"></a></li>
+
<li><a href="https://static.igem.org/mediawiki/2012/a/a0/Xmu_photo_001.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/a/a0/Xmu_photo_001.jpg" width="900" height="300"></a></li>
-
<li><a href="http://www.cnblogs.com/hongru/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/c/c6/IMG_0675.jpg" width="900" height="300"></a></li>
+
<li><a href="https://static.igem.org/mediawiki/2012/d/d0/XMUIMG_1060.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/d0/XMUIMG_1060.jpg" width="900" height="300"></a></li>
-
<li><a href="http://www.cnblogs.com/hongru/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/c/c2/IMG_0680.jpg" width="900" height="300"></a></li>
+
<li><a href="https://static.igem.org/mediawiki/2012/4/49/IMG_0699.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/3/34/XMUIMG_1220.JPG" width="900" height="300"></a></li>
-
<li><a href="http://www.cnblogs.com/hongru/" target="_blank"><img src="https://static.igem.org/mediawiki/2012/4/49/IMG_0699.jpg" width="900" height="300"></a></li>
+
<li><a href="https://static.igem.org/mediawiki/2012/f/f0/XMUIMG_0995.jpg" target="_blank"><img src="https://static.igem.org/mediawiki/2012/f/f0/XMUIMG_0995.jpg" width="900" height="300"></a></li>
</ul>
</ul>
</div>
</div>
-
   
+
<div class="nav-wp">
-
    &nbsp;
+
-
   
+
-
    </td>
+
-
  </tr>
+
-
  <tr>
+
-
    <td>
+
-
    <div class="nav-wp">
+
<ul id="nav" class="nav">
<ul id="nav" class="nav">
<li onClick="mySlider.pos(0)">●</li>
<li onClick="mySlider.pos(0)">●</li>
Line 84: Line 101:
<li onClick="mySlider.pos(4)">●</li>
<li onClick="mySlider.pos(4)">●</li>
</ul>
</ul>
-
<a class="next" onClick="mySlider.move()">next</a>
+
<a class="next" onClick="mySlider.move()">>>next</a>
</div>
</div>
-
    &nbsp;</td>
 
-
  </tr>
 
-
</table>
 
-
 
<script type="text/javascript">
<script type="text/javascript">
var HR = {
var HR = {

Latest revision as of 19:17, 26 September 2012