Team:XMU-China/photogallery

From 2012.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 3: Line 3:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
<style>
-
html {background:#000}
+
 
-
body, ul {margin:0;padding:0}
+
-
li {list-style:none}
+
-
img {border:none;display:block}
+
.slide-wp {
.slide-wp {
width: 900px;
width: 900px;
height: 300px;
height: 300px;
overflow: hidden;
overflow: hidden;
-
position: absolute;
+
position: relative;
left: 25px;
left: 25px;
top: 25px;
top: 25px;
 +
z-index: -1;
 +
}
}
.nav-wp {
.nav-wp {
-
position: absolute;
+
position: relative;
-
top: 150px;
+
top: 0px;
-
margin-top: 170px;
+
left: 396px;
-
left: 462px;
+
-
margin-left: -100px;
+
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 37: 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 54: 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>
 
-
<tr><td>
 
<div id="slider" class="slide-wp">
<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>
Line 78: 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>
-
<br>
 
-
<br>
 
<script type="text/javascript">
<script type="text/javascript">
var HR = {
var HR = {
Line 173: Line 194:
  navId: 'nav',
  navId: 'nav',
  auto: 4
  auto: 4
-
})</script><br>
+
})</script>
-
<p></p>
+
 
-
</td></tr></table>
+
</body>
</body>
</html>
</html>

Latest revision as of 19:17, 26 September 2012