|
|
| Line 24: |
Line 24: |
| | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> --> | | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/jquery.easing.1.3.js?action=raw&ctype=text/javascript"></script> --> |
| | | | |
| - | <script type="text/javascript" src="js/pirobox.min.js"></script>
| |
| | <script src="js/jquery.slidinglabels.js" type="text/javascript"></script> | | <script src="js/jquery.slidinglabels.js" type="text/javascript"></script> |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function() {
| |
| - | $().piroBox({
| |
| - | my_speed: 400, //animation speed
| |
| - | bg_alpha: 0.6, //background opacity
| |
| - | slideShow : true, // true == slideshow on, false == slideshow off
| |
| - | slideSpeed : 4, //slideshow duration in seconds(3 to 6 Recommended)
| |
| - | close_all : '.piro_close,.piro_overlay'// add class .piro_overlay(with comma)if you want overlay click close piroBox
| |
| - |
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <!-- //////////// Settings for fixed sidebar layout //////////// -->
| |
| - |
| |
| - | <script>
| |
| - |
| |
| - | $(function() {
| |
| - |
| |
| - | var $sidebar = $("#sidenav"),
| |
| - | $window1 = $(window),
| |
| - | offset = $sidebar.offset(),
| |
| - | topPadding = 15;
| |
| - |
| |
| - | $window1.scroll(function() {
| |
| - | if ($window1.scrollTop() > offset.top + 250 ) {
| |
| - | $sidebar.stop().animate({
| |
| - | marginTop: $window1.scrollTop() - (offset.top + topPadding + 230 )
| |
| - | });
| |
| - | } else {
| |
| - | $sidebar.stop().animate({
| |
| - | marginTop: 0
| |
| - | });
| |
| - | }
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| | | | |
| | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&ctype=text/javascript"></script> | | <script type="text/javascript" src="https://2012.igem.org/Team:SDU-Denmark/smoothscroll.js?action=raw&ctype=text/javascript"></script> |
| | | | |
| - | <!-- //////////// Settings for Nivo Slider //////////// -->
| |
| - | <script type="text/javascript">
| |
| - | $(window).load(function() {
| |
| - | $('#slider').nivoSlider({
| |
| - | effect:'random',
| |
| - | slices:15,
| |
| - | animSpeed:500,
| |
| - | pauseTime:6000,
| |
| - | 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
| |
| - | 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>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function () {
| |
| - |
| |
| - | // transition effect
| |
| - | style = 'easeOutBounce';
| |
| - |
| |
| - | // if the mouse hover the image
| |
| - | $('.photo').hover(
| |
| - | function() {
| |
| - | //display heading and caption
| |
| - | $(this).children('div:first').stop(false,true).animate({top:0},{duration:600, easing: style});
| |
| - | $(this).children('div:last').stop(false,true).animate({bottom:0},{duration:600, easing: style});
| |
| - | },
| |
| - |
| |
| - | function() {
| |
| - | //hide heading and caption
| |
| - | $(this).children('div:first').stop(false,true).animate({top:-50},{duration:600, easing: style});
| |
| - | $(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:600, easing: style});
| |
| - | }
| |
| - | );
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(function(){
| |
| - |
| |
| - | $('#contactform').slidinglabels({
| |
| - |
| |
| - | /* these are all optional */
| |
| - | topPosition : '8px', // how far down you want each label to start
| |
| - | leftPosition : '8px', // how far left you want each label to start
| |
| - | axis : 'x', // can take 'x' or 'y' for slide direction
| |
| - | speed : 'fast' // can take 'fast', 'slow', or a numeric value
| |
| - |
| |
| - | });
| |
| - |
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <!-- script for fixed background-->
| |
| - | <script>
| |
| - | $(window).load(function() {
| |
| | | | |
| - | var theWindow = $(window),
| |
| - | $bg = $("#bg"),
| |
| - | aspectRatio = $bg.width() / $bg.height();
| |
| - |
| |
| - | function resizeBg() {
| |
| - |
| |
| - | if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
| |
| - | $bg
| |
| - | .removeClass()
| |
| - | .addClass('bgheight');
| |
| - | } else {
| |
| - | $bg
| |
| - | .removeClass()
| |
| - | .addClass('bgwidth');
| |
| - | }
| |
| - |
| |
| - | }
| |
| - |
| |
| - | theWindow.resize(function() {
| |
| - | resizeBg();
| |
| - | }).trigger("resize");
| |
| | | | |
| - | });
| |
| - | </script>
| |
| | | | |
| | | | |
"
