Team:UC Davis

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
 +
<head>
<head>
-
<script type="text/javascript">
+
      <script type="text/javascript">
-
$("#sitemapbox").load("https://2013.igem.org/Template:Team:UC_Davis/site_map #sitemap");
+
      $("#sitemapbox").load("https://2013.igem.org/Template:Team:UC_Davis/site_map #sitemap");
-
</script>
+
      </script>
-
<!-- Start twitter javascript -->
+
      <!-- Start twitter javascript -->
-
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
+
              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)                 [0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</script>
Line 26: Line 27:
<!-- End head Scripts -->
<!-- End head Scripts -->
-
 
-
<!-- slide script starts here -->
 
-
 
-
<script type="text/javascript">
 
-
function slider() {
 
-
    var $current = $('#slides IMG.current');
 
-
 
-
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
 
-
    var $next =  $current.next().length ? $current.next()
 
-
        : $('#slides IMG:first');
 
-
 
-
      $current.addClass('previous');
 
-
    $next.css({opacity: 0.0})
 
-
        .addClass('current')
 
-
        .animate({opacity: 1.0}, 2500, function() {
 
-
            $current.removeClass('current previous');
 
-
        });
 
-
 
-
var $navicurrent = $('.progress li.current');
 
-
if($navicurrent.length ==0) $navicurrent = $('.progress li:last');
 
-
var $navinext = $navicurrent.next().length ? $navicurrent.next() : $('.progress li:first');
 
-
$navicurrent.addClass('previous');
 
-
$navicurrent.removeClass('current previous');
 
-
$navinext.addClass('current').animate({opacity: 1.0}, 2500, function() {
 
-
        });
 
-
 
-
 
-
}
 
-
$(function() {
 
-
    setInterval( "slider()", 5000 );
 
-
});
 
-
 
-
</script>
 
-
 
-
</script>
 
-
 
-
</script>
 
-
<!-- end slide scripts -->
 
Line 69: Line 32:
<style type="text/css">
<style type="text/css">
-
#slides {
+
      #twitter {float:right; width:220px; height:300px; margin-top: 10px;}
-
    position:relative;
+
-
    height:280px;
+
-
    width: 840px;
+
-
    border-radius: 10px;
+
-
   
+
-
}
+
-
#slides IMG {
+
</style>
-
        position:absolute;
+
-
        opacity:0.0;
+
-
        top:0px;   
+
-
        left:55px;
+
-
        border-radius: 10px;
+
-
        z-index:1;   
+
-
}
+
-
#slides .current {
+
</head>
-
    z-index:3;
+
-
    opacity:1.0;
+
-
    border-radius: 10px;
+
-
}
+
-
#slides .previous {
 
-
    z-index:2;
 
-
}
 
-
#twitter {float:right; width:220px; height:300px; margin-top: 10px;}
 
-
 
-
 
-
</style>
 
-
 
-
</head>
 
<body>
<body>
Line 109: Line 46:
<div class="floatbox">
<div class="floatbox">
-
<div id="slides">
 
-
    <img  src="https://static.igem.org/mediawiki/2013/b/bf/RiboTal_Slide_1.JPG" width="600" height="280" alt="" class="current" />
 
-
    <img  src="https://static.igem.org/mediawiki/2013/f/fc/RiboTal_Slide2.JPG" width="600" height="280" alt="" />
 
-
    <img  src="https://static.igem.org/mediawiki/2013/a/a5/RiboTal_Slide_3.JPG" width="600" height="280" alt="" />
 
-
</div>
 
-
<!-- slide show ends here -->
+
 

Revision as of 23:31, 3 September 2013