Team:Copenhagen/Header

From 2012.igem.org

(Difference between revisions)
 
(20 intermediate revisions not shown)
Line 23: Line 23:
#graa {background-color:#999999;}
#graa {background-color:#999999;}
-
<script type="text/javascript" src="https://2012.igem.org/Template:Team:Copenhagen2012"></script>
 
-
<script type="text/javascript">
+
$("#slideshow > div:gt(0)").hide();
-
/***
+
setInterval(function() {
-
     Simple jQuery Slideshow Script
+
  $('#slideshow > div:first')
-
     Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc. Please link out to me if you like it :)
+
     .fadeOut(1000)
-
***/
+
     .next()
 +
    .fadeIn(1000)
 +
    .end()
 +
    .appendTo('#slideshow');
 +
},  3000);
-
function slideSwitch() {
 
-
    var $active = $('#slideshow DIV.active');
 
-
    if ( $active.length == 0 ) $active = $('#slideshow DIV:last');
+
a{
 +
height: 119px;
 +
}
-
    // use this to pull the divs in the order they appear in the markup
+
a:hover{
-
    var $next =  $active.next().length ? $active.next()
+
height: 619px;
-
        : $('#slideshow DIV:first');
+
-
 
+
-
    // uncomment below to pull the divs randomly
+
-
    // var $sibs  = $active.siblings();
+
-
    // var rndNum = Math.floor(Math.random() * $sibs.length );
+
-
    // var $next  = $( $sibs[ rndNum ] );
+
-
 
+
-
 
+
-
    $active.addClass('last-active');
+
-
 
+
-
    $next.css({opacity: 0.0})
+
-
        .addClass('active')
+
-
        .animate({opacity: 1.0}, 1000, function() {
+
-
            $active.removeClass('active last-active');
+
-
        });
+
}
}
-
$(function() {
 
-
    setInterval( "slideSwitch()", 5000 );
 
-
});
 
-
 
-
</script>
 
-
 
-
<style type="text/css">
 
-
 
-
/*** set the width and height to match your images **/
 
-
#slideshow {
+
#scroller {
-
    position:relative;
+
  position: fixed;
-
    height:400px;
+
  right: 215px;
 +
  top: 20%;
 +
  width: 8em;
 +
  margin-top: -2.5em;
}
}
-
#slideshow DIV {
+
#design1{
-
    position:absolute;
+
background-image: url("https://static.igem.org/mediawiki/2012/6/63/Control_thump.jpg");
-
    top:0;
+
-
    left:0;
+
-
    z-index:8;
+
-
    opacity:0.0;
+
-
    height: 400px;
+
-
    background-color: #FFF;
+
}
}
-
#slideshow DIV.active {
+
#design1:hover{
-
    z-index:10;
+
background-image: url("https://static.igem.org/mediawiki/2012/9/94/Control-Copenhagen.JPG");
-
    opacity:1.0;
+
}
}
-
#slideshow DIV.last-active {
+
#design2{
-
    z-index:9;
+
background-image: url(" ");
}
}
-
#slideshow DIV IMG {
+
#design2:hover{
-
    height: 350px;
+
background-image: url(" ");
-
    display: block;
+
-
    border: 0;
+
-
    margin-bottom: 10px;
+
}
}
Line 184: Line 156:
<a href="https://2012.igem.org/Team:Copenhagen/Team">Team</a>
<a href="https://2012.igem.org/Team:Copenhagen/Team">Team</a>
<a href="https://2012.igem.org/Team:Copenhagen/Project">Project</a>
<a href="https://2012.igem.org/Team:Copenhagen/Project">Project</a>
 +
<a href="https://2012.igem.org/Team:Copenhagen/Protocols">Protocols</a>
<a href="https://2012.igem.org/Team:Copenhagen/Parts">Parts</a>
<a href="https://2012.igem.org/Team:Copenhagen/Parts">Parts</a>
-
<a href="https://2012.igem.org/Team:Copenhagen/Notebook">Notebook</a>
 
<a href="https://2012.igem.org/Team:Copenhagen/Safety">Safety</a>
<a href="https://2012.igem.org/Team:Copenhagen/Safety">Safety</a>
<a href="https://2012.igem.org/Team:Copenhagen/Ethics">Human Practises</a>
<a href="https://2012.igem.org/Team:Copenhagen/Ethics">Human Practises</a>

Latest revision as of 21:16, 26 September 2012

Retrieved from "http://2012.igem.org/Team:Copenhagen/Header"