|
|
Line 104: |
Line 104: |
| | | |
| <body> | | <body> |
− | <div id="fh5co-wrapper" >
| |
− | <div id="fh5co-page">
| |
− | <div id="fh5co-header">
| |
− |
| |
| | | |
− | </div>
| |
− | <!-- end:fh5co-header -->
| |
− | <aside id="fh5co-hero" class="js-fullheight" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;">
| |
− | <br><br>
| |
− | <div class="background">
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/style_css?action=raw&ctype=text/css" media="screen">
| |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tsinghua-A/picture_box/css/nivo_slider_css?action=raw&ctype=text/css" media="screen">
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_easing?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript" src="https://2017.igem.org/Team:Tsinghua-A/picture_box/js/jquery_nivo?action=raw&ctype=text/javascript"></script>
| |
− | <script type="text/javascript">
| |
− | //Slider
| |
− | jQuery(window).load(function() {
| |
− | jQuery('#slider').nivoSlider({
| |
− | effect: 'fold',
| |
− | slices:15,
| |
− | animSpeed:500, //Slide transition speed
| |
− | pauseTime:5000,
| |
− | controlNav: false,
| |
− | directionNavHide: false,
| |
− | prevText: 'prev',
| |
− | nextText: 'next',
| |
− | startSlide:0, //Set starting Slide (0 index)
| |
− | directionNav:true, //Next & Prev
| |
− | afterLoad: function(){
| |
− | jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
| |
− | },
| |
− | beforeChange: function(){
| |
− | jQuery(".nivo-caption").animate({top:"-300"}, {easing:"easeInBack", duration: 500})
| |
− | },
| |
− | afterChange: function(){
| |
− | jQuery(".nivo-caption").animate({top:"60"}, {easing:"easeOutBack", duration: 500})
| |
− | }
| |
− | });
| |
− |
| |
− | });
| |
− |
| |
− | </script>
| |
− |
| |
− | <div id="slider-container">
| |
− |
| |
− | <div id="slider" class="nivoSlider">
| |
− | <img alt="" src="https://static.igem.org/mediawiki/2017/9/91/Main_farm.png">
| |
− | <img alt="" src="https://static.igem.org/mediawiki/2017/f/f3/Doll.jpg">
| |
− | <img alt="" src="https://static.igem.org/mediawiki/2017/0/02/Main_gene.jpg">
| |
− | <img alt="" src="https://static.igem.org/mediawiki/2017/d/db/Main_frnt.jpg">
| |
− | <img alt="" src="https://static.igem.org/mediawiki/2017/4/4c/Main_back.png">
| |
− | </div><!-- #slider -->
| |
− |
| |
− | </div>
| |
− | <div class="flexslider js-fullheight"></div>
| |
− | </aside>
| |
− | <div id="fh5co-services-section" style="background: #fff url(https://static.igem.org/mediawiki/2017/thumb/8/87/TsinghuaA-backgroundpartten.jpeg/240px-TsinghuaA-backgroundpartten.jpeg) repeat;"></div>
| |
− | </div>
| |
− | <!-- END fh5co-page -->
| |
− |
| |
− | </div>
| |
− | <!-- END fh5co-wrapper -->
| |
| | | |
| <!-- jQuery --> | | <!-- jQuery --> |