Difference between revisions of "Team:Cambridge-JIC/Gallery"

(Created page with "{{:Team:Cambridge-JIC/Templates/Menu}} <html> <section style="background-color: #ebe5dc"> <div class="slide" style="background-color: inherit; padding: 20px 30px"> <...")
 
Line 5: Line 5:
 
     <div class="slide" style="background-color: inherit; padding: 20px 30px">
 
     <div class="slide" style="background-color: inherit; padding: 20px 30px">
 
         <h2 style="color:#333">Gallery</h2>
 
         <h2 style="color:#333">Gallery</h2>
        <div class="photo-grid-container">
+
<div id="gall"></div>
  <div class="photo-grid-item"><img src="https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png"></div>
+
  <div class="photo-grid-item"><img src="https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png"></div>
+
  <div class="photo-grid-item"><img src="https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png"></div>
+
  <div class="photo-grid-item"><img src="https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png"></div>
+
  <div class="photo-grid-item"><img src="https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png"></div>
+
</div>
+
 
     </div>
 
     </div>
 
</section>
 
</section>
  
 
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Gallery.js?action=raw&ctype=text/javascript"></script>
 
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Gallery.js?action=raw&ctype=text/javascript"></script>
 +
<style src="//2015.igem.org/Team:Cambridge-JIC/Assets/Gallery.css?action=raw&ctype=text/css"></style>
 
<script>
 
<script>
 
//<![CDATA[
 
//<![CDATA[
  
$('.photo-grid-container').sortablePhotos({
+
function addGal(url, title) {
  selector: '> .photo-grid-item'
+
$("#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/e/eb/CamJIC-Superfocussed.png", "test")
 +
addGal("https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png", "test")
 +
addGal("https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png", "test")
 +
addGal("https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png", "test")
 +
 
 +
 
 +
$(".fancybox").fancybox({
 +
openEffect : 'none',
 +
closeEffect : 'none'
 +
});
 
});
 
});
 +
 
//]]>
 
//]]>
 
</script>
 
</script>

Revision as of 10:58, 10 September 2015

Gallery