Difference between revisions of "Team:Cambridge-JIC/Gallery"
| Line 67: | Line 67: | ||
<section style="background-color: #fff"> | <section style="background-color: #fff"> | ||
| + | <div class="slide" style="background-color: inherit; padding: 20px 30px"> | ||
| + | <h2 style="color:#333">Fluorescence Images </h2> | ||
| + | <div id="gall3"></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> | ||
| + | #gall3 { | ||
| + | max-width: 1200px; | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | <script> | ||
| + | //<![CDATA[ | ||
| + | |||
| + | function addGal3(url, title) { | ||
| + | $("#gall3").append($('<a class="fancybox" rel="gallery1" href="'+url+'" title="'+title+'"><img src="'+url+'" style="width: 200px" alt="" /></a>')); | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | $(document).ready(function() { | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | $(".fancybox").fancybox({ | ||
| + | prevEffect : 'none', | ||
| + | nextEffect : 'none', | ||
| + | helpers : { | ||
| + | title : { | ||
| + | type: 'outside' | ||
| + | }, | ||
| + | thumbs : { | ||
| + | width : 50, | ||
| + | height : 50 | ||
| + | } | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | //]]> | ||
| + | </script> | ||
| + | |||
| + | <section style="background-color: #e2f9fe"> | ||
<div class="slide" style="background-color: inherit; padding: 20px 30px"> | <div class="slide" style="background-color: inherit; padding: 20px 30px"> | ||
<h2 style="color:#333">Images of OpenScope</h2> | <h2 style="color:#333">Images of OpenScope</h2> | ||
Revision as of 23:05, 16 September 2015
Gallery
