Team:CAU China/Team/Gallery.html
From 2014.igem.org
(Difference between revisions)
Line 8: | Line 8: | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
<html lang="en" class="no-js"> | <html lang="en" class="no-js"> | ||
+ | |||
<head> | <head> | ||
<meta charset="UTF-8" /> | <meta charset="UTF-8" /> | ||
Line 14: | Line 15: | ||
<script src="https://2014.igem.org/Team:CAU_China/modernizr.custom.js?action=raw&ctype=text/javascript"></script> | <script src="https://2014.igem.org/Team:CAU_China/modernizr.custom.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:CAU_China/jquery-1.7.2.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:CAU_China/gallery.js?action=raw&ctype=text/javascript"></script> | ||
+ | <style type="text/css"> | ||
+ | *{margin:0;padding:0;list-style-type:none;} | ||
+ | a,img{border:0;text-decoration:none;} | ||
+ | body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} | ||
+ | /* slide_box */ | ||
+ | #slide_box{width:800px;height:450px;border:4px solid #ccc;border-radius:4px;box-shadow:2px 2px 4px #333;position:absolute;left:0;top:50px;overflow:hidden;} | ||
+ | #slide_box .slide_img{display:inline-block;white-space:nowrap;height:450px;width:auto;position:absolute;left:0;top:0;} | ||
+ | #slide_box .slide_img li{display:block;float:left;overflow:hidden;} | ||
+ | #slide_box .slide_img li img{max-width:800px;} | ||
+ | #slide_order{text-align:right;padding-right:1em;line-height:20px;position:absolute;right:0;bottom:6px;} | ||
+ | /*系列号样式*/ | ||
+ | #slide_order a{display:inline-block;padding:0 6px;float:left;margin-right:4px;border:1px solid #ddd;border-radius:4px;box-shadow:1px 1px 2px #333;background:#999;opacity:0.5;filter:alpha(opacity=50);} | ||
+ | #slide_order a:hover,#slide_order a.current{color:#FFF;font-weight:700;border-color:#000;background-color:#000;} | ||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
+ | <div id="slide_box"> | ||
+ | <!-- Photo --> | ||
+ | <ul class="slide_img"> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2014/c/c8/Photo_of_CAU-China_family.JPG" width="800" height="450" alt=""></a></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2014/a/a7/Name_wall.JPG" width="735" height="450" alt=""></a></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2014/5/51/Team_play.JPG" width="371" height="450" alt=""></a></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2014/d/d2/CAU_Team_meeting.JPG" width="700" height="450" alt=""></a></li> | ||
+ | <li><img src="https://static.igem.org/mediawiki/2014/2/25/Team_meeting2.jpg" width="700" height="450" alt=""></a></li> | ||
+ | </ul> | ||
+ | <!-- order --> | ||
+ | <div id="slide_order"></div> | ||
+ | </div> | ||
<div id="grid-gallery" class="grid-gallery"> | <div id="grid-gallery" class="grid-gallery"> |
Revision as of 09:38, 17 October 2014