Team:UC Davis/Gallery

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:UC_Davis/Head}}
{{Team:UC_Davis/Head}}
-
<!DOCTYPE html PUBLIC "-//WC3//DTD XHTML 1.0 Transitional//EN"  
+
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
-
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
    <head>
 +
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
        <meta name="generator" content="MediaWiki 1.16.0" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="https://2012.igem.org/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="https://2012.igem.org/wiki/index.php? title=Team:UC_Davis&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="https://2012.igem.org/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />      <title>Team:UC Davis - 2012.igem.org</title>
 +
        <style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
            @import "/wiki/skins/common/shared.css?270";
 +
            @import "/wiki/skins/igem/main.css?270";
 +
        /*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/common/shared.css?270" />
 +
<link rel="stylesheet" type="text/css" media="screen, projection" href="https://2012.igem.org/wiki/skins/igem/main.css?270" />
-
<head>
+
        <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
-
<div id="lightboxcss11">
+
        <!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
-
</div>
+
        <!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
        <!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
        <!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
        <!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
        <meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
    <script>   
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2012.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:UC_Davis",
 +
wgTitle="Team:UC Davis",
 +
wgAction="view",
 +
wgArticleId=1318,
 +
wgIsArticle=true,
 +
wgUserName=null,
 +
wgUserGroups=null,
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=22440,
 +
wgVersion="1.16.0",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2012.igem.org": 4, "2012.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2012.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2012_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[];       
 +
    </script>
 +
        <script type="text/javascript" src="https://2012.igem.org/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
 
 +
        <!-- Head Scripts -->
 +
<script src="https://2012.igem.org/wiki/skins/common/ajax.js?270"></script>
 +
<script src="https://2012.igem.org/wiki/skins/common/mwsuggest.js?270"></script>
 +
        <script type="text/javascript" src="https://2012.igem.org/wiki/index.php? title=-&amp;action=raw&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
    <!-- jQuery Javascript -->
 +
    <script type="text/javascript"        src ="https://2012.igem.org/common/jquery-latest.min.js"></script>
 +
    <script type="text/javascript"        src ="https://2012.igem.org/common/tablesorter/jquery.tablesorter.min.js"></script>
 +
 
 +
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/tablesorter/themes/groupparts/style.css" />
 +
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/common/table_styles.css" />
 +
        <link rel="stylesheet" type="text/css" href="https://2012.igem.org/forum/forum_styles.css" />
 +
    <script type="text/javascript"        src ="https://2012.igem.org/forum/forum_scripts.js"></script>
 +
 
 +
<!-- slide script starts here -->
 +
 
 +
<script type="text/javascript">
 +
function slider() {
 +
    var max_slide = 19;
 +
    var $current = $('#slides IMG.current');
 +
    $('.backward').css({opacity:0.0});
 +
    if ( $current.length == 0 ) $current = $('#slides IMG:last');
 +
 
 +
$('.progress li').click(function(){
 +
    var $ncurrent = $(this);
 +
        $('.progress li').removeClass('current').removeClass('previous');
 +
        $('#slides IMG').removeClass('current').removeClass('previous');
 +
        $ncurrent.addClass('current');
 +
        var ncurrentindex = $ncurrent.index();
 +
    $current = $('#slides IMG:eq('+ncurrentindex+')');
 +
        $current.addClass('current');
 +
        if(ncurrentindex===0) $('.backward').css({opacity:0.0});
 +
        if(ncurrentindex>0) $('.backward').css({opacity:0.7});
 +
        if(ncurrentindex===max_slide-1) $('.forward').css({opacity:0.0});
 +
        if(ncurrentindex<max_slide-1) $('.forward').css({opacity:0.7});
 +
        console.log(' progress clicked ncurrentindex:',ncurrentindex);
 +
});
 +
 
 +
$('.forward img').click(function(){
 +
        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');
 +
        $current.removeClass('current previous');
 +
        $next.addClass('current');
 +
        var fcount = $next.index();
 +
        $('.progress li').removeClass('current')
 +
        $('.progress li:eq('+fcount+')').addClass('current');
 +
        console.log('forward clicked',fcount);
 +
        if(fcount===0) $('.backward').css({opacity:0.0});
 +
        if(fcount>=1) $('.backward').css({opacity:0.7});
 +
        if(fcount===max_slide-1) $('.forward').css({opacity:0.0});
 +
        if(fcount<max_slide-1) $('.forward').css({opacity:0.7});
 +
       
 +
});
 +
 
 +
$('.backward img').click(function(){
 +
        var $current = $('#slides IMG.current');
 +
        if ( $current.length == 0 ) $current = $('#slides IMG:first');
 +
        var $next =  $current.prev().length ? $current.prev() :  $('#slides IMG:last');
 +
        $current.addClass('previous');
 +
        $current.removeClass('current previous');
 +
        $next.addClass('current');       
 +
        var fcount = $next.index();
 +
        $('.progress li').removeClass('current')
 +
        $('.progress li:eq('+fcount+')').addClass('current');   
 +
    console.log('backward clicked',fcount);
 +
        if(fcount===0) $('.backward').css({opacity:0.0});
 +
        if(fcount>=1) $('.backward').css({opacity:0.7});
 +
        if(fcount===max_slide-1) $('.forward').css({opacity:0.0});
 +
        if(fcount<max_slide-1) $('.forward').css({opacity:0.7});
 +
 
 +
});
 +
}
 +
 
 +
$(function(){
 +
slider();
 +
});
 +
 
 +
$(document).ready(function(){
 +
 
 +
  $('a.lightbox').click(function(e) {
 +
    $('body').css('display', 'inherit'); // hide scrollbars!
 +
 
 +
    $('<div id="overlay"></div>')
 +
    .css('opacity', '0')
 +
      .animate({'opacity': '0.7'}, 'slow')
 +
    .click(function(){
 +
      removeLightbox();
 +
      })
 +
      .appendTo('body');
 +
 
 +
    $('<div id="lightbox"></div>')
 +
      .hide()
 +
      .appendTo('body');
 +
 
 +
    $('<img>')
 +
      .attr('src', $(this).attr('href'))
 +
      .load(function() {
 +
        positionLightboxImage();
 +
      })
 +
      .click(function() {
 +
        removeLightbox();
 +
      })
 +
      .appendTo('#lightbox');
 +
 
 +
    return false;
 +
  });
 +
});
 +
 
 +
function positionLightboxImage() {
 +
  var top = ($(window).height()  - $('#lightbox').height())/2;
 +
  var left = ($(window).width() - $('#lightbox').width())/2;
 +
 
 +
  $('#lightbox')
 +
    .css({
 +
      'top': top,
 +
      'left':left-80
 +
    })
 +
    .fadeIn();
 +
}
 +
 
 +
function removeLightbox() {
 +
 +
  $('#overlay, #lightbox')
 +
    .fadeOut('slow', function() {
 +
      $(this).remove();
 +
      $('body').css('overflow-y', 'auto'); // show scrollbars!
 +
    });
 +
}
 +
 
 +
</script>
 +
<!-- slide script ends here -->
 +
<style type="text/css">
 +
<!-- beginning of slider style -->
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%;
 +
    height:auto !important; /* real browsers */
 +
    height:100%; /* IE6: treaded as min-height*/
 +
    min-height:100%; /* real browsers */
 +
}
 +
 
 +
 
 +
 
 +
#slides {
 +
    position:relative;
 +
    height:400px;
 +
    width: 840px
 +
   
 +
}
 +
 
 +
#slides IMG {
 +
        position:absolute;
 +
        opacity:0.0;
 +
        top:0px;   
 +
        left:0px;
 +
        z-index:1;
 +
        border-radius:4px   
 +
}
 +
 
 +
#slides .current {
 +
    z-index:3;
 +
    opacity:1.0;
 +
}
 +
 
 +
#slides .previous {
 +
    z-index:2;
 +
}
 +
 
 +
.progress {
 +
 
 +
margin-top:-390px;
 +
margin-left:20px;
 +
position:absolute;
 +
 
 +
}
 +
 
 +
.progress li{
 +
border:1px solid rgba(0,0,0,0.9);
 +
border-radius:3px;
 +
margin-left: 5px;
 +
float:left;
 +
display:block;
 +
position:relative;
 +
z-index:10;
 +
background-color:rgba(0,0,0,0.9);
 +
}
 +
 
 +
.progress li a{
 +
    padding-left: 6px;
 +
    padding-right: 6px;
 +
}
 +
 
 +
.progress li a:hover {
 +
text-decoration:none;
 +
}
 +
 
 +
.progress .current {
 +
background-color:white;
 +
}
 +
 
 +
.forward {
 +
position:absolute;
 +
margin-top: -220px;
 +
margin-left: 570px;
 +
z-index:11;
 +
}
 +
 
 +
.backward {
 +
position:absolute;
 +
margin-top:-220px;
 +
margin-left:4px;
 +
z-index:11;
 +
}
 +
 
 +
 
 +
}
 +
#myleftbox
 +
{
 +
position:relative;
 +
width:625px;
 +
float:left;
 +
background-color:;
 +
margin-top: 0px;
 +
border-radius: 4px;
 +
padding: 0px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
color: white;
 +
}
 +
#myleftbox .smallbox
 +
              {
 +
                    width:707px;
 +
                    float:left;
 +
                    background-color: rgba(0,0,0,.65);
 +
                    margin-top: 10px;
 +
                    border-radius: 4px;
 +
                    padding: 15px 15px 15px 15px;
 +
                    font:sans-serif;
 +
                    font-size:13px;
 +
                    color:rgba(225,225,225,.9);
 +
 
 +
}
 +
#myleftbox .smallbox h1
 +
{
 +
color:#004b85;
 +
font-weight:bold;
 +
}
 +
#myleftbox .smallbox p
 +
{
 +
color: #004b85;
 +
font-weight:bold;
 +
}
 +
#myleftbox .smallboxsite
 +
{
 +
width:604px;
 +
position:center;
 +
background-color:rgba(191,191,191,0.6 );
 +
margin-top: 17px;
 +
border-radius: 4px;
 +
padding: 15px 15px 15px 15px;
 +
font: sans-serif;
 +
font-size: 13px;
 +
line-height:1.5em;
 +
color:black;
 +
 
 +
}
 +
 
 +
</style>
</head>
</head>
 +
<body>
<body>
-
<!-- Begin gallery script -->
+
<div id="myleftbox">
-
<a href="https://static.igem.org/mediawiki/2012/6/64/Android_phone.JPG " rel="lightbox[drylab]"><img src="https://static.igem.org/mediawiki/2012/6/64/Android_phone.JPG "></a>
+
-
<a href="https://static.igem.org/mediawiki/2013/6/62/Uc_davis_13_rubber_duckie.jpg" data-lightbox="image-1" title="caption1">image #1</a>
+
<div id="myleftbox"  class="smallbox">
 +
<div id="slides">
 +
        <img src="https://static.igem.org/mediawiki/2012/8/82/UCD_Gallery1.jpg" style="width:605px; height:400px;" class="current">
 +
        <img src="https://static.igem.org/mediawiki/2012/7/72/UCD_Gallery2.jpg" style="width:605px; height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/e/e7/UCD_Gallery3.jpg" style="width:605px; height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/c/c9/UCD_Gallery4.jpg" style="width:605px; height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/e/e9/UCD_Gallery5.jpg" style="width:605px; height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/0/02/UCD_Gallery6.jpg" style="width:605px; height:400px;"  /> 
 +
        <img src="https://static.igem.org/mediawiki/2012/5/51/UCD_Gallery26.jpg" style="width:605px; height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/d/dd/UCD_Gallery17.jpg" style="width:605px; height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/3/38/UCD_Gallery12.jpg" style="width:605px; height:400px;"  /> 
 +
        <img src="https://static.igem.org/mediawiki/2012/e/eb/UCD_Gallery14.jpg" style="width:605px; height:400px;"  /> 
 +
        <img src="https://static.igem.org/mediawiki/2012/c/c9/UCD_Gallery13.jpg" style="width:605px; height:400px;"  /> 
 +
        <img src="https://static.igem.org/mediawiki/2012/3/33/UCD_Gallery23.jpg" style="width:605px;height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/1/12/UCD_Gallery18.jpg" style="width:605px;height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/9/97/Gallery_large-24.jpg" style="width:605px;height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/4/4d/UCD_Gallery28.jpg" style="width:605px;height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/7/73/UCD_Gallery11.jpg" style="width:605px;height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/f/f5/UCD_Gallery8.jpg" style="width:605px;height:400px;"  />
 +
        <img src="https://static.igem.org/mediawiki/2012/7/70/UCD_Gallery31.jpg" style="width:605px;height:400px;"  />
 +
</div>
-
<a href="https://static.igem.org/mediawiki/2013/6/62/Uc_davis_13_rubber_duckie.jpg" data-lightbox="image-2" title="caption2">image #2</a>
+
    <ul class="progress">
 +
    <li class="current"><a href="#n_0">1</a> </li>
 +
    <li><a href="#n_1">2</a> </li>
 +
        <li><a href="#n_2">3</a> </li>
 +
        <li><a href="#n_3">4</a> </li>
 +
        <li><a href="#n_1">5</a> </li>
 +
        <li><a href="#n_2">6</a> </li>
 +
        <li><a href="#n_3">7</a> </li>
 +
        <li><a href="#n_1">8</a> </li>
 +
        <li><a href="#n_2">9</a> </li>
 +
        <li><a href="#n_3">10</a> </li>
 +
        <li><a href="#n_1">11</a> </li>
 +
        <li><a href="#n_2">12</a> </li>
 +
        <li><a href="#n_3">13</a> </li>
 +
        <li><a href="#n_1">14</a> </li>
 +
        <li><a href="#n_2">15</a> </li>
 +
        <li><a href="#n_3">16</a> </li>
 +
        <li><a href="#n_1">17</a> </li>
 +
        <li><a href="#n_2">18</a> </li>
-
<script src="https://2012.igem.org/Team:Cornell/javascripts/foundation.min?action=raw&amp;ctype=text/javascript"></script>
+
    </ul>
-
<script src="https://2012.igem.org/Team:Cornell/javascripts/app?action=raw&amp;ctype=text/javascript"></script>
+
    <ul class="forward">
-
<script src="https://2012.igem.org/Team:Cornell/javascripts/lightbox?action=raw&amp;ctype=text/javascript"></script>
+
    <img src="https://static.igem.org/mediawiki/2012/1/1d/UCD_Big_arrow_right.png"/>
 +
    </ul>
 +
    <ul class="backward">
 +
    <img src="https://static.igem.org/mediawiki/2012/a/a5/UCD_Big_arrow_left.png"/>
 +
    </ul>
-
<script type="text/javascript">
+
</div>
-
      $("#gallerycss11").load("https://2013.igem.org/Template:Team:UC_Davis/site_map #sitemap1");
+
-
</script>
+
-
<script type="text/javascript">
 
-
      $("lightboxcss11").load("https://2013.igem.org/Team:UC_Davis/lightboxstyle #lightboxcss12");
 
-
</script>
 
 +
 +
</div>
 +
<!--  </div> -->
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
</body>
</body>
 +
</html>
</html>

Revision as of 21:49, 24 September 2013

Team:UC Davis - 2012.igem.org

Retrieved from "http://2013.igem.org/Team:UC_Davis/Gallery"