Team:Brown-Stanford/Templates/Main

From 2011.igem.org

(Difference between revisions)
Line 13: Line 13:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<script type="text/javascript">
 
-
<!--
 
-
var slideshowSpeed = 20000;
 
-
var photos = [ {
 
-
"image" : "https://static.igem.org/mediawiki/2011/a/a1/Brown-Stanford_BG1.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/8/81/Brown-Stanford_BG2.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/a/a9/Brown-Stanford_BG3.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/f/fd/Brown-Stanford_BG4.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/4/4c/Brown-Stanford_BG5.jpg",
 
-
}, {
 
-
"image" : "https://static.igem.org/mediawiki/2011/7/7f/Brown-Stanford_BG6.jpg",
 
-
}
 
-
];
 
-
$(document).ready(function() {
 
-
var interval;
 
-
var activeContainer = 1;
 
-
var currentImg = 0;
 
-
var animating = false;
 
-
var navigate = function(direction) {
 
-
if(direction == "next") {
 
-
currentImg++;
 
-
if(currentImg == photos.length + 1) {
 
-
currentImg = 1;
 
-
}
 
-
}
 
-
var currentContainer = activeContainer;
 
-
if(activeContainer == 1) {
 
-
activeContainer = 2;
 
-
} else {
 
-
activeContainer = 1;
 
-
}
 
-
showImage(photos[currentImg - 1], currentContainer, activeContainer);
 
-
};
 
-
 
-
var currentZindex = -1;
 
-
var showImage = function(photoObject, currentContainer, activeContainer) {
 
-
animating = true;
 
-
currentZindex--;
 
-
$("#headerimg" + activeContainer).css({
 
-
"background-image" : "url(" + photoObject.image + ")",
 
-
"display" : "block",
 
-
"z-index" : currentZindex
 
-
});
 
-
$("#headerimg" + currentContainer).fadeOut(function() {
 
-
setTimeout(function() {
 
-
animating = false;
 
-
}, 2000);
 
-
});
 
-
};
 
-
 
-
navigate("next");
 
-
interval = setInterval(function() {
 
-
navigate("next");
 
-
}, slideshowSpeed);
 
-
});
 
-
 
-
/*
 
-
* Author:      Marco Kuiper (http://www.marcofolio.net/)
 
-
*/
 
-
 
-
-->
 
-
</script>
 
-
 
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
Line 469: Line 402:
         </script>
         </script>
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
-
 
-
<script type="text/javascript" src="/Team:Brown-Stanford/lightbox/js?action=raw"></script>
 
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
-
<style>
 
-
/**
 
-
* jQuery lightBox plugin
 
-
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 
-
* and adapted to me for use like a plugin from jQuery.
 
-
* @name jquery-lightbox-0.5.css
 
-
* @author Leandro Vieira Pinho - http://leandrovieira.com
 
-
* @version 0.5
 
-
* @date April 11, 2008
 
-
* @category jQuery plugin
 
-
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 
-
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 
-
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 
-
*/
 
-
#jquery-overlay {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
z-index: 90;
 
-
width: 100%;
 
-
height: 500px;
 
-
}
 
-
#jquery-lightbox {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
width: 100%;
 
-
z-index: 100;
 
-
text-align: center;
 
-
line-height: 0;
 
-
}
 
-
#jquery-lightbox a img { border: none; }
 
-
#lightbox-container-image-box {
 
-
position: relative;
 
-
background-color: #fff;
 
-
width: 250px;
 
-
height: 250px;
 
-
margin: 0 auto;
 
-
}
 
-
#lightbox-container-image { padding: 10px; }
 
-
#lightbox-loading {
 
-
position: absolute;
 
-
top: 40%;
 
-
left: 0%;
 
-
height: 25%;
 
-
width: 100%;
 
-
text-align: center;
 
-
line-height: 0;
 
-
}
 
-
#lightbox-nav {
 
-
position: absolute;
 
-
top: 0;
 
-
left: 0;
 
-
height: 100%;
 
-
width: 100%;
 
-
z-index: 10;
 
-
}
 
-
#lightbox-container-image-box > #lightbox-nav { left: 0; }
 
-
#lightbox-nav a { outline: none;}
 
-
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 
-
width: 49%;
 
-
height: 100%;
 
-
zoom: 1;
 
-
display: block;
 
-
}
 
-
#lightbox-nav-btnPrev {
 
-
left: 0;
 
-
float: left;
 
-
}
 
-
#lightbox-nav-btnNext {
 
-
right: 0;
 
-
float: right;
 
-
}
 
-
#lightbox-container-image-data-box {
 
-
font: 10px Verdana, Helvetica, sans-serif;
 
-
background-color: #fff;
 
-
margin: 0 auto;
 
-
line-height: 1.4em;
 
-
overflow: auto;
 
-
width: 100%;
 
-
padding: 0 10px 0;
 
-
}
 
-
#lightbox-container-image-data {
 
-
padding: 0 10px;
 
-
color: #666;
 
-
}
 
-
#lightbox-container-image-data #lightbox-image-details {
 
-
width: 70%;
 
-
float: left;
 
-
text-align: left;
 
-
}
 
-
#lightbox-image-details-caption { font-weight: bold; }
 
-
#lightbox-image-details-currentNumber {
 
-
display: block;
 
-
clear: left;
 
-
padding-bottom: 1.0em;
 
-
}
 
-
#lightbox-secNav-btnClose {
 
-
width: 66px;
 
-
float: right;
 
-
padding-bottom: 0.7em;
 
-
}
 
-
 
-
</style>
 
         <style>
         <style>
span.reference{
span.reference{
Line 598: Line 425:
}
}
</style>
</style>
-
 
-
<script>
 
-
$(document).ready(function() {
 
-
$('a.lightbox').lightBox(); // Select all links with lightbox class
 
-
$('a.image').each(function(idx, item) { 
 
-
        var src = item.firstChild.src;
 
-
src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
 
-
item.href=src;
 
-
    });
 
-
$('a.image').lightBox();
 
-
});
 
-
</script>
 
-
 
-
 
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Brown-Stanford/css?action=raw&ctype=text/css" />
</head>
</head>
<body>
<body>
-
<div style="margin-left: auto; margin-right: auto; margin-top:-14px"><img src="https://static.igem.org/mediawiki/2011/1/12/Brown-Stanford_Banner.jpg"></img>
+
<div style="margin-left: auto; margin-right: auto; margin-top:-14px; z-index:-10;"><img src="https://static.igem.org/mediawiki/2011/1/12/Brown-Stanford_Banner.jpg"></img>
</div>
</div>

Revision as of 14:15, 28 September 2011