Difference between revisions of "Team:Cambridge-JIC/Gallery"
Line 44: | Line 44: | ||
addGal("https://static.igem.org/mediawiki/2015/1/19/CamJIC_pinusstem3.jpeg", "Pinus stem. Imaged with OpenScope.") | addGal("https://static.igem.org/mediawiki/2015/1/19/CamJIC_pinusstem3.jpeg", "Pinus stem. Imaged with OpenScope.") | ||
addGal("https://static.igem.org/mediawiki/2015/3/34/CamJIC-spirogyra.jpeg", "Spirogyra. Imaged with OpenScope.") | addGal("https://static.igem.org/mediawiki/2015/3/34/CamJIC-spirogyra.jpeg", "Spirogyra. Imaged with OpenScope.") | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | $(".fancybox").fancybox({ | ||
+ | prevEffect : 'none', | ||
+ | nextEffect : 'none', | ||
+ | helpers : { | ||
+ | title : { | ||
+ | type: 'outside' | ||
+ | }, | ||
+ | thumbs : { | ||
+ | width : 50, | ||
+ | height : 50 | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | //]]> | ||
+ | </script> | ||
+ | |||
+ | <section style="background-color: #fff"> | ||
+ | <div class="slide" style="background-color: inherit; padding: 20px 30px"> | ||
+ | <h2 style="color:#333">Images of OpenScope</h2> | ||
+ | <div id="gall"></div> | ||
+ | </div> | ||
+ | </section> | ||
+ | |||
+ | <script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Gallery_js?action=raw&ctype=text/javascript"></script> | ||
+ | <link rel="stylesheet" href="//2015.igem.org/Team:Cambridge-JIC/Assets/Gallery_css?action=raw&ctype=text/css" type="text/css" media="screen" /> | ||
+ | <style> | ||
+ | #gall { | ||
+ | max-width: 1200px; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | //<![CDATA[ | ||
+ | |||
+ | function addGal(url, title) { | ||
+ | $("#gall").append($('<a class="fancybox" rel="gallery1" href="'+url+'" title="'+title+'"><img src="'+url+'" style="width: 200px" alt="" /></a>')); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | $(document).ready(function() { | ||
+ | |||
+ | addGal("https://static.igem.org/mediawiki/2015/6/6a/CamJIC-microscope1.jpeg", "Early prototype of OpenScope.") | ||
+ | |||
Revision as of 22:31, 16 September 2015