"
Template:Team:Calgary/Main Header
From 2011.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| - | |||
<head> | <head> | ||
<!--jQuery and jQuery-UI additions--> | <!--jQuery and jQuery-UI additions--> | ||
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.js"></script> | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.js"></script> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
| + | |||
| + | <!--JQuery Cycle Plugin--> | ||
| + | <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> | ||
<!--JQuery Easing Plugin--> | <!--JQuery Easing Plugin--> | ||
| Line 331: | Line 333: | ||
}); | }); | ||
</script> | </script> | ||
| + | |||
| Line 464: | Line 467: | ||
position: absolute; | position: absolute; | ||
margin-top: -25px; | margin-top: -25px; | ||
| + | z-index: 99; | ||
} | } | ||
| Line 475: | Line 479: | ||
list-style: none; | list-style: none; | ||
position: relative; | position: relative; | ||
| - | + | z-index: 100; | |
} | } | ||
| Line 515: | Line 519: | ||
position: absolute; | position: absolute; | ||
z-index: 999; | z-index: 999; | ||
| - | width: | + | width: 200px; |
display: none; | display: none; | ||
left: 0; | left: 0; | ||
| Line 526: | Line 530: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| - | width: | + | width: 150px; |
float: none; | float: none; | ||
position: relative; | position: relative; | ||
| Line 644: | Line 648: | ||
img.headercircle{ | img.headercircle{ | ||
display: none; | display: none; | ||
| + | z-index: 250; | ||
} | } | ||
| Line 666: | Line 671: | ||
} | } | ||
| - | #headbanner{ | + | #headbanner, #headbanner img{ |
| - | + | width: 906px; | |
| + | height: 216px; | ||
| + | z-index: 0; | ||
} | } | ||
| Line 755: | Line 762: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| - | |||
| + | <div id="headbanner"> | ||
| + | <img src="https://static.igem.org/mediawiki/2011/1/1c/UCalgary_HeaderImage2.png"></img> | ||
| + | <img src="https://static.igem.org/mediawiki/2011/0/04/UCalgary2011_MainPageHeaderImage1.png"></img> | ||
| + | <img src="https://static.igem.org/mediawiki/2011/9/93/UCalgary2011_HeaderImage3.png"></img> | ||
| + | <img src="https://static.igem.org/mediawiki/2011/d/d5/UCalgary2011_HeaderImage4.png"></img> | ||
| + | <img src="https://static.igem.org/mediawiki/2011/f/f6/UCalgary2011_HeaderImage5.png"></img> | ||
| + | </div> | ||
| + | |||
| + | <!--Header Image Shuffling--> | ||
| + | <script type="text/javascript"> | ||
| + | $(document).ready(function(){ | ||
| + | $('#headbanner').cycle({ | ||
| + | timeout: 8000 | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
<!--Circles--> | <!--Circles--> | ||
<img class="headercircle" id="circle0" src="https://static.igem.org/mediawiki/2011/c/c1/UCalgary_CircleHome.png"></img> | <img class="headercircle" id="circle0" src="https://static.igem.org/mediawiki/2011/c/c1/UCalgary_CircleHome.png"></img> | ||
Revision as of 02:10, 29 September 2011
