Team:Imperial College/Templates/Carousel2

From 2013.igem.org

(Difference between revisions)
 
(5 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<link rel="stylesheet" href="http://www.synbiuk.org/igem/flexslider.css" type="text/css" media="screen" />
+
-
 
+
-
<!-- Modernizr -->
+
-
  <script src="http://www.synbiuk.org/igem/modernizr.js"></script>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div id="carousel" class="flexslider">
+
-
  <ul class="slides">
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/4/44/Mountains4.png" >
+
-
    </li>
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/f/f8/Very_stressed_ecoli.jpg">
+
-
    </li>
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/0/0e/Jar_of_SRF.jpg" style="width: 100%; height: 100%">
+
-
    </li>
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/2/25/Waste_cocktail.png">
+
-
    </li>
+
-
    <li>
+
-
    <img src="https://static.igem.org/mediawiki/2013/2/2b/PBS_Plus_Waste.jpg">
+
-
    </li>
+
-
    <li>
+
-
    <img src="https://static.igem.org/mediawiki/2013/9/9e/CombinedBacteriaArt.jpg">
+
-
    </li>
+
-
    <!-- items mirrored twice, total of 12 -->
+
-
  </ul>
+
-
</div>
+
-
<div id="carousel" class="flexslider">
+
-
  <ul class="slides">
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/4/44/Mountains4.png" >
+
-
    </li>
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/f/f8/Very_stressed_ecoli.jpg">
+
-
    </li>
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/0/0e/Jar_of_SRF.jpg" style="width: 100%; height: 100%">
+
-
    </li>
+
-
    <li>
+
-
      <img src="https://static.igem.org/mediawiki/2013/2/25/Waste_cocktail.png">
+
-
    </li>
+
-
    <li>
+
-
    <img src="https://static.igem.org/mediawiki/2013/2/2b/PBS_Plus_Waste.jpg">
+
-
    </li>
+
-
    <li>
+
-
    <img src="https://static.igem.org/mediawiki/2013/9/9e/CombinedBacteriaArt.jpg">
+
-
    </li>
+
-
    <!-- items mirrored twice, total of 12 -->
+
-
  </ul>
+
-
</div>
+
-
 
+
-
<!-- jQuery -->
+
-
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+
-
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.min.js">\x3C/script>')</script>
+
-
 
+
-
  <!-- FlexSlider -->
+
-
  <script defer src="http://www.synbiuk.org/igem/jquery.flexslider.js"></script>
+
-
 
+
-
  <script type="text/javascript">
+
-
    $(function(){
+
-
      SyntaxHighlighter.all();
+
-
    });
+
-
    $(window).load(function(){
+
-
      $('#carousel').flexslider({
+
-
        animation: "slide",
+
-
        controlNav: false,
+
-
        animationLoop: false,
+
-
        slideshow: false,
+
-
        itemWidth: 210,
+
-
        itemMargin: 5,
+
-
        asNavFor: '#slider'
+
-
      });
+
-
 
+
-
      $('#slider').flexslider({
+
-
        animation: "slide",
+
-
        controlNav: false,
+
-
        animationLoop: false,
+
-
        slideshow: false,
+
-
        sync: "#carousel",
+
-
        start: function(slider){
+
-
          $('body').removeClass('loading');
+
-
        }
+
-
      });
+
-
    });
+
-
  </script>
+
-
 
+
-
 
+
-
 
+
-
 
+
 +
<link rel="stylesheet" type="text/css" href="http://www.synbiuk.org/igem/gallery/css/style.css" />
 +
<link rel="stylesheet" type="text/css" href="http://www.synbiuk.org/igem/gallery/css/elastislide.css" />
 +
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
 +
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css' />
 +
<noscript>
 +
<style>
 +
.es-carousel ul{
 +
display:block;
 +
}
 +
</style>
 +
</noscript>
 +
<script id="img-wrapper-tmpl" type="text/x-jquery-tmpl">
 +
<div class="rg-image-wrapper">
 +
{{if itemsCount > 1}}
 +
<div class="rg-image-nav">
 +
<a href="#" class="rg-image-nav-prev">Previous Image</a>
 +
<a href="#" class="rg-image-nav-next">Next Image</a>
 +
</div>
 +
{{/if}}
 +
<div class="rg-image"></div>
 +
<div class="rg-loading"></div>
 +
<div class="rg-caption-wrapper">
 +
<div class="rg-caption" style="display:none;">
 +
<p></p>
 +
</div>
 +
</div>
 +
</div>
 +
</script>
 +
 
 +
<div class="container">
 +
<div class="header">
 +
  <div class="clr"></div>
 +
</div><!-- header -->
 +
 +
<div class="content">
 +
  <div id="rg-gallery" class="rg-gallery">
 +
<div class="rg-thumbs">
 +
<!-- Elastislide Carousel Thumbnail Viewer -->
 +
<div class="es-carousel-wrapper">
 +
<div class="es-nav">
 +
<span class="es-nav-prev">Previous</span>
 +
<span class="es-nav-next">Next</span>
 +
</div>
 +
<div class="es-carousel">
 +
<ul>
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/3/3c/Thumb_Mountains42.png" alt="image01" width="65" height="65" data-large="https://static.igem.org/mediawiki/2013/5/54/Mountains42.png" data-description="Europe's Newest Mountain, Mount Wasted" /></a></li>
 +
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/d/d4/Thumb_Very_stressed_ecoli2.jpg" data-large="https://static.igem.org/mediawiki/2013/2/2f/Very_stressed_ecoli2.jpg" alt="image02" data-description="Production of the red pigment by stress induction. MG1655 were grown with LB media and sterile filtrated WCM for 48 hours." /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/1/15/Thumb_Jar_of_SRF2.jpg" data-large="https://static.igem.org/mediawiki/2013/e/e8/Jar_of_SRF2.jpg" alt="image03" data-description="Solid Recovered Fuel (SRF)" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/f/f9/Thumb_Waste_cocktail.png" data-large="https://static.igem.org/mediawiki/2013/2/2e/Waste_cocktail2.png" alt="image04" data-description="(A) WCM precursor material, this sterilised media made from LB and SRF was used to produce all WCM utilised. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 7 days growth in SRF. " /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/0/08/Thumbs_PBS_Plus_Waste2.jpg" data-large="https://static.igem.org/mediawiki/2013/1/19/PBS_Plus_Waste2.jpg" alt="image05" data-description="(A) SRF in PBS (phosphate buffered saline), a buffer. We can see from this experiment whether our bacteria can grow solely on the waste SRF. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 6 days growth in SRF." /></a></li>
 +
                                    <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/3/3c/Thumb_Mountains42.png" alt="image01" width="65" height="65" data-large="https://static.igem.org/mediawiki/2013/5/54/Mountains42.png" data-description="Europe's Newest Mountain, Mount Wasted" /></a></li>
 +
  <li><a href="#"><img src="https://static.igem.org/mediawiki/2013/d/d4/Thumb_Very_stressed_ecoli2.jpg" data-large="https://static.igem.org/mediawiki/2013/2/2f/Very_stressed_ecoli2.jpg" alt="image02" data-description="Production of the red pigment by stress induction. MG1655 were grown with LB media and sterile filtrated WCM for 48 hours." /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/1/15/Thumb_Jar_of_SRF2.jpg" data-large="https://static.igem.org/mediawiki/2013/e/e8/Jar_of_SRF2.jpg" alt="image03" data-description="Solid Recovered Fuel (SRF)" /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/f/f9/Thumb_Waste_cocktail.png" data-large="https://static.igem.org/mediawiki/2013/2/2e/Waste_cocktail2.png" alt="image04" data-description="(A) WCM precursor material, this sterilised media made from LB and SRF was used to produce all WCM utilised. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 7 days growth in SRF. " /></a></li>
 +
                                   
 +
<li><a href="#"><img src="https://static.igem.org/mediawiki/2013/0/08/Thumbs_PBS_Plus_Waste2.jpg" data-large="https://static.igem.org/mediawiki/2013/1/19/PBS_Plus_Waste2.jpg" alt="image05" data-description="(A) SRF in PBS (phosphate buffered saline), a buffer. We can see from this experiment whether our bacteria can grow solely on the waste SRF. (B) Cells containing mCherry pigment grown in SRF (A) over 3 days, then streaked in a qualitative assay to check for growth. (C) mCherry cells were streaked again after 6 days growth in SRF." /></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- End Elastislide Carousel Thumbnail Viewer -->
 +
</div><!-- rg-thumbs -->
 +
</div><!-- rg-gallery -->
 +
<p class="sub">&nbsp;</p>
 +
  </div><!-- content -->
 +
</div><!-- container -->
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.tmpl.min.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/jquery.elastislide.js"></script>
 +
<script type="text/javascript" src="http://www.synbiuk.org/igem/gallery/js/gallery.js"></script>
</html>
</html>

Latest revision as of 13:03, 2 October 2013

 

Retrieved from "http://2013.igem.org/Team:Imperial_College/Templates/Carousel2"