Team:Queens Canada/SynthetiQ/DNA
From 2012.igem.org
(Difference between revisions)
(Created page with "{{Template:Queens_Canada/Header}} <html> <head> <script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/cufon-yui?action=raw&ctype=text/js"></scrip...") |
|||
Line 5: | Line 5: | ||
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Museo_Slab-font?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Museo_Slab-font?action=raw&ctype=text/js"></script> | ||
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquery_nivo_slider_pack?action=raw&ctype=text/js"></script> | <script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquery_nivo_slider_pack?action=raw&ctype=text/js"></script> | ||
+ | <style type="text/css"> | ||
+ | .nivoSlider { | ||
+ | position:relative; | ||
+ | min-height:220px; | ||
+ | margin:30px 30px 60px 30px; | ||
+ | background:#202834 url(images/loading.gif) no-repeat 50% 50%; | ||
+ | -moz-box-shadow:0px 0px 10px #333; | ||
+ | -webkit-box-shadow:0px 0px 10px #333; | ||
+ | box-shadow:0px 0px 10px #333; | ||
+ | } | ||
+ | .nivoSlider img { | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | display:none; | ||
+ | } | ||
+ | .nivoSlider a { | ||
+ | border:0; | ||
+ | } | ||
+ | .nivo-directionNav a { | ||
+ | display:block; | ||
+ | width:30px; | ||
+ | height:30px; | ||
+ | background:url(images/arrows.png) no-repeat; | ||
+ | text-indent:-9999px; | ||
+ | border:0; | ||
+ | } | ||
+ | a.nivo-nextNav { | ||
+ | background-position:-30px 0; | ||
+ | right:15px; | ||
+ | } | ||
+ | a.nivo-prevNav { | ||
+ | left:15px; | ||
+ | } | ||
+ | |||
+ | #slider1 .nivo-controlNav, | ||
+ | #slider2 .nivo-controlNav, | ||
+ | #slider4 .nivo-controlNav { | ||
+ | position:absolute; | ||
+ | left:47%; | ||
+ | bottom:-30px; | ||
+ | } | ||
+ | #slider1 .nivo-controlNav a, | ||
+ | #slider2 .nivo-controlNav a, | ||
+ | #slider4 .nivo-controlNav a { | ||
+ | display:block; | ||
+ | width:10px; | ||
+ | height:10px; | ||
+ | background:url(images/bullets.png) no-repeat; | ||
+ | text-indent:-9999px; | ||
+ | border:0; | ||
+ | margin-right:3px; | ||
+ | float:left; | ||
+ | } | ||
+ | #slider1 .nivo-controlNav a.active, | ||
+ | #slider2 .nivo-controlNav a.active, | ||
+ | #slider4 .nivo-controlNav a.active { | ||
+ | background-position:-10px 0; | ||
+ | } | ||
+ | |||
+ | #slider2 a { | ||
+ | display:block; /* IE Fix */ | ||
+ | } | ||
+ | |||
+ | #slider3 { | ||
+ | margin-bottom:110px; | ||
+ | } | ||
+ | #slider3 .nivo-controlNav { | ||
+ | position:absolute; | ||
+ | left:29%; | ||
+ | bottom:-70px; | ||
+ | } | ||
+ | #slider3 .nivo-controlNav img { | ||
+ | display:inline; | ||
+ | position:relative; | ||
+ | margin-right:10px; | ||
+ | -moz-box-shadow:0px 0px 5px #333; | ||
+ | -webkit-box-shadow:0px 0px 5px #333; | ||
+ | box-shadow:0px 0px 5px #333; | ||
+ | } | ||
+ | #slider3 .nivo-controlNav a.active img { | ||
+ | -moz-box-shadow:0px 0px 5px #fff; | ||
+ | -webkit-box-shadow:0px 0px 5px #fff; | ||
+ | box-shadow:0px 0px 5px #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
<div id="content2"> | <div id="content2"> | ||
+ | <script type="text/javascript"> | ||
+ | $(window).load(function() { | ||
+ | $('#slider').nivoSlider({ | ||
+ | effect:'random', //Specify sets like: 'fold,fade,sliceDown' | ||
+ | slices:15, | ||
+ | animSpeed:500, //Slide transition speed | ||
+ | pauseTime:3000, | ||
+ | startSlide:0, //Set starting Slide (0 index) | ||
+ | directionNav:true, //Next & Prev | ||
+ | directionNavHide:true, //Only show on hover | ||
+ | controlNav:true, //1,2,3... | ||
+ | controlNavThumbs:false, //Use thumbnails for Control Nav | ||
+ | controlNavThumbsFromRel:false, //Use image rel for thumbs | ||
+ | controlNavThumbsSearch: '.jpg', //Replace this with... | ||
+ | controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src | ||
+ | keyboardNav:true, //Use left & right arrows | ||
+ | pauseOnHover:true, //Stop animation while hovering | ||
+ | manualAdvance:false, //Force manual transitions | ||
+ | captionOpacity:0.8, //Universal caption opacity | ||
+ | beforeChange: function(){}, | ||
+ | afterChange: function(){}, | ||
+ | slideshowEnd: function(){} //Triggers after all slides have been shown | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</div> | </div> | ||
</body> | </body> |
Revision as of 21:06, 12 June 2012
Control