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

(Added a few Z stacked images)
Line 3: Line 3:
 
<style>
 
<style>
 
a.fancybox{
 
a.fancybox{
−
     width: 200px !important; max-height: 150px;
+
     width: 200px !important;
 
}
 
}
 
</style>
 
</style>
Line 32: Line 32:
 
//<![CDATA[
 
//<![CDATA[
  
−
function addGal(url, title) {
+
function addGal(id, url, title) {
−
$("#gall").append($('<a class="fancybox" rel="gallery1" href="'+url+'" title="'+title+'"><img src="'+url+'" style="width: 200px" alt="" /></a>'));
+
$("#gall"+id).append($('<a class="fancybox" rel="gallery1" href="'+url+'" title="'+title+'" style="height: 200px;display: inline-block;background: transparent url('+url+') no-repeat; max-height: 200px; background-size: cover;"></a>'));
 
}
 
}
  
Line 40: Line 40:
 
$(document).ready(function() {
 
$(document).ready(function() {
  
−
addGal("https://static.igem.org/mediawiki/2015/9/90/CamJIC-Gallery-AristolochiaL.S.Stem.jpg", "Aristolochia stem (longitudinal section). Imaged with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/9/90/CamJIC-Gallery-AristolochiaL.S.Stem.jpg", "Aristolochia stem (longitudinal section). Imaged with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/4/42/CamJIC-Gallery-CaloglossaThallus.jpg", "Caloglossa thallus. Imaged with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/4/42/CamJIC-Gallery-CaloglossaThallus.jpg", "Caloglossa thallus. Imaged with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/6/6e/CamJIC-Gallery-ErysipheGraminis.jpg", "Erysiphe graminis. Imaged with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/6/6e/CamJIC-Gallery-ErysipheGraminis.jpg", "Erysiphe graminis. Imaged with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/0/0a/ClematisGourrianaT.S.OldStem40micron%282%29.jpg", "Clematis gourriana - old stem, transection. Imaged with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/0/0a/ClematisGourrianaT.S.OldStem40micron%282%29.jpg", "Clematis gourriana - old stem, transection. Imaged with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/9/93/TrichromanesStem%282%29.jpg", "Trichomanes stem. Imaged with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/9/93/TrichromanesStem%282%29.jpg", "Trichomanes stem. Imaged with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png", "Nigerian liane transection. Imaged with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/e/eb/CamJIC-Superfocussed.png", "Nigerian liane transection. 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/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.")
−
addGal("https://static.igem.org/mediawiki/2015/5/55/CamJIC-z_stack1.png", "Pellia Antheridia. Z-stacked with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/5/55/CamJIC-z_stack1.png", "Pellia Antheridia. Z-stacked with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/4/40/CamJIC-z_stack2.png", "Trichomanes Sori. Z-stacked with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/4/40/CamJIC-z_stack2.png", "Trichomanes Sori. Z-stacked with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/2/2e/CamJIC-z_stack3.png", "Acer T.S. 1 year old stem. Z-stacked with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/2/2e/CamJIC-z_stack3.png", "Acer T.S. 1 year old stem. Z-stacked with OpenScope.")
−
addGal("https://static.igem.org/mediawiki/2015/4/4f/CamJIC-z_stack4.png"," Zea mays. T.S. root. Z-stacked with OpenScope.")
+
addGal("", "https://static.igem.org/mediawiki/2015/4/4f/CamJIC-z_stack4.png"," Zea mays. T.S. root. Z-stacked with OpenScope.")
  
 
$(".fancybox").fancybox({
 
$(".fancybox").fancybox({
Line 74: Line 74:
 
</section>
 
</section>
  
−
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Gallery_js?action=raw&amp;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>
 
<style>
 
#gall3 {
 
#gall3 {
Line 84: Line 82:
 
<script>
 
<script>
 
//<![CDATA[
 
//<![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() {
 
$(document).ready(function() {
  
−
addGal3("https://static.igem.org/mediawiki/2015/b/b9/CamJIC-FL_Day1.jpg", "An image of GFP coated beads from the first stage of fluorescence testing.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/b/b9/CamJIC-FL_Day1.jpg", "An image of GFP coated beads from the first stage of fluorescence testing.")
−
addGal3("https://static.igem.org/mediawiki/2015/1/13/CamJIC-FL_Day2.jpg", "An image of GFP coated beads from the second stage of fluorescence testing.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/1/13/CamJIC-FL_Day2.jpg", "An image of GFP coated beads from the second stage of fluorescence testing.")
−
addGal3("https://static.igem.org/mediawiki/2015/e/ee/CamJIC-FBead2.png", "An image of GFP coated beads from the third stage of fluorescence testing. The improvement since stage one is significant.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/e/ee/CamJIC-FBead2.png", "An image of GFP coated beads from the third stage of fluorescence testing. The improvement since stage one is significant.")
−
addGal3("https://static.igem.org/mediawiki/2015/4/48/CamJIC-W%26M3%281%29.png", "Invitrogen Top10 E. coli cells from William and Mary College expressing construct J23106+I13504 (GFP excited at 470nm) using a single 3W LED.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/4/48/CamJIC-W%26M3%281%29.png", "Invitrogen Top10 E. coli cells from William and Mary College expressing construct J23106+I13504 (GFP excited at 470nm) using a single 3W LED.")
−
addGal3("https://static.igem.org/mediawiki/2015/a/a9/CamJIC-Glasgowp126.1p56.1.png", "E.coli DH5α expressing p126.1+p56.1 (GFP, 470nm). Samples imaged using a single 3W LED. Note the artefact: the outline of a square is an image of the LED.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/a/a9/CamJIC-Glasgowp126.1p56.1.png", "E.coli DH5α expressing p126.1+p56.1 (GFP, 470nm). Samples imaged using a single 3W LED. Note the artefact: the outline of a square is an image of the LED.")
−
addGal3("https://static.igem.org/mediawiki/2015/4/4f/CamJIC-Glasgowp126.1p80.1.png", "E.coli DH5α expressing p126.1+p80.1 (GFP, 470nm). Samples imaged using a single 100mW LED. Notice the significantly reduced fluorescence compared to the previous image as a result of the different LED.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/4/4f/CamJIC-Glasgowp126.1p80.1.png", "E.coli DH5α expressing p126.1+p80.1 (GFP, 470nm). Samples imaged using a single 100mW LED. Notice the significantly reduced fluorescence compared to the previous image as a result of the different LED.")
−
addGal3("https://static.igem.org/mediawiki/2015/1/18/CamJIC-bead_edited1.png", "A GFP coated bead imaged using a single 3W LED. Note that this image has been edited using ImageJ: the contrast has been increased and the image has been cropped.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/1/18/CamJIC-bead_edited1.png", "A GFP coated bead imaged using a single 3W LED. Note that this image has been edited using ImageJ: the contrast has been increased and the image has been cropped.")
−
addGal3("https://static.igem.org/mediawiki/2015/0/0d/CamJIC-bead_edited2.png", "GFP coated beads in different planes of focus. Note that this image has been edited using ImageJ: the contrast has been increased and the image has been cropped.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/0/0d/CamJIC-bead_edited2.png", "GFP coated beads in different planes of focus. Note that this image has been edited using ImageJ: the contrast has been increased and the image has been cropped.")
−
addGal3("https://static.igem.org/mediawiki/2015/e/e9/CamJIC-bead_day2_poor.png", "GFP coated beads imaged during the second stage of fluorescence testing without editing. Note the high level of background light. This is due to stray light reaching the CCD in the Epi-cube.")
+
addGal("3", "https://static.igem.org/mediawiki/2015/e/e9/CamJIC-bead_day2_poor.png", "GFP coated beads imaged during the second stage of fluorescence testing without editing. Note the high level of background light. This is due to stray light reaching the CCD in the Epi-cube.")
  
 
$(".fancybox").fancybox({
 
$(".fancybox").fancybox({
Line 109: Line 101:
 
title : {
 
title : {
 
type: 'outside'
 
type: 'outside'
−
},
 
−
thumbs : {
 
−
width : 50,
 
−
height : 50
 
 
}
 
}
 
}
 
}
Line 138: Line 126:
 
<script>
 
<script>
 
//<![CDATA[
 
//<![CDATA[
−
 
−
function addGal2(url, title) {
 
−
$("#gall2").append($('<a class="fancybox" rel="gallery1" href="'+url+'" title="'+title+'"><img src="'+url+'" style="width: 200px" alt="" /></a>'));
 
−
}
 
−
 
−
 
  
 
$(document).ready(function() {
 
$(document).ready(function() {
  
−
addGal2("https://static.igem.org/mediawiki/2015/6/6a/CamJIC-microscope1.jpeg", "Early prototype of OpenScope.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/6/6a/CamJIC-microscope1.jpeg", "Early prototype of OpenScope.")
−
addGal2("https://static.igem.org/mediawiki/2015/c/c2/CamJIC-chassis.jpeg", "First 3D printed chassis.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/c/c2/CamJIC-chassis.jpeg", "First 3D printed chassis.")
−
addGal2("https://static.igem.org/mediawiki/2015/d/d6/CamJIC-cameraholder.jpeg", "First version Raspberry Pi camera holder.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/d/d6/CamJIC-cameraholder.jpeg", "First version Raspberry Pi camera holder.")
−
addGal2("https://static.igem.org/mediawiki/2015/9/90/CamJIC-chassis2.jpeg", "Second microscope chasis design.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/9/90/CamJIC-chassis2.jpeg", "Second microscope chasis design.")
−
addGal2("https://static.igem.org/mediawiki/2015/f/ff/CamJIC-chassis3.jpeg", "Second microscope chasis design with screws and legs.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/f/ff/CamJIC-chassis3.jpeg", "Second microscope chasis design with screws and legs.")
−
addGal2("https://static.igem.org/mediawiki/2015/a/aa/CamJIC_3dprintingchassis.jpeg", "Chassis prototype in early stages of printing.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/a/aa/CamJIC_3dprintingchassis.jpeg", "Chassis prototype in early stages of printing.")
−
addGal2("https://static.igem.org/mediawiki/2015/1/19/CamJIC_flecchassis.jpeg", "Demonstration of the flexing mechanism used for x/y translation.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/1/19/CamJIC_flecchassis.jpeg", "Demonstration of the flexing mechanism used for x/y translation.")
−
addGal2("https://static.igem.org/mediawiki/2015/5/50/CamJIC-chassis_emerging.jpg", "An introduction to the latest chassis design.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/5/50/CamJIC-chassis_emerging.jpg", "An introduction to the latest chassis design.")
−
addGal2("https://static.igem.org/mediawiki/2015/1/11/CamJIC_epitube.jpeg", "Darkfield illumination tube.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/1/11/CamJIC_epitube.jpeg", "Darkfield illumination tube.")
−
addGal2("https://static.igem.org/mediawiki/2015/3/3b/CamJIC_epicube.jpeg", "The first generation of the Epi-fluorescence cube.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/3/3b/CamJIC_epicube.jpeg", "The first generation of the Epi-fluorescence cube.")
−
addGal2("https://static.igem.org/mediawiki/2015/4/4c/CamJIC_materialtesting.jpeg", "Testing 3D printed material using a 3 point bending test.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/4/4c/CamJIC_materialtesting.jpeg", "Testing 3D printed material using a 3 point bending test.")
−
addGal2("https://static.igem.org/mediawiki/2015/b/b0/CamJIC-Chassis_evolution.jpg", "The evolution of the chassis design.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/b/b0/CamJIC-Chassis_evolution.jpg", "The evolution of the chassis design.")
−
addGal2("https://static.igem.org/mediawiki/2015/e/e3/CamJIC_gallery1.jpeg", "OpenScope's most recent design, as of September 2015.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/e/e3/CamJIC_gallery1.jpeg", "OpenScope's most recent design, as of September 2015.")
−
//addGal2("https://static.igem.org/mediawiki/2015/f/f4/CamJIC_gallery2.jpeg" )
+
//addGal("2", "https://static.igem.org/mediawiki/2015/f/f4/CamJIC_gallery2.jpeg" )
−
addGal2("https://static.igem.org/mediawiki/2015/3/37/CamJIC_gallery3.jpeg", "View from above: OpenScope with manual screws and brightfield mode. No camera module is present")
+
addGal("2", "https://static.igem.org/mediawiki/2015/3/37/CamJIC_gallery3.jpeg", "View from above: OpenScope with manual screws and brightfield mode. No camera module is present")
−
//addGal2("https://static.igem.org/mediawiki/2015/8/85/CamJIC-gallery4.jpeg")
+
//addGal("2", "https://static.igem.org/mediawiki/2015/8/85/CamJIC-gallery4.jpeg")
−
//addGal2("https://static.igem.org/mediawiki/2015/2/28/CamJIC-gallery5.jpeg")
+
//addGal("2", "https://static.igem.org/mediawiki/2015/2/28/CamJIC-gallery5.jpeg")
−
addGal2("https://static.igem.org/mediawiki/2015/a/a9/CamJIC-gallery6.jpeg", "A slide of Gourriana T.S, 40 microns thick being imaged under brightfield")
+
addGal("2", "https://static.igem.org/mediawiki/2015/a/a9/CamJIC-gallery6.jpeg", "A slide of Gourriana T.S, 40 microns thick being imaged under brightfield")
−
addGal2("https://static.igem.org/mediawiki/2015/e/e4/CamJIC-gallery7.jpeg", "OpenScope in its most recent for, as of September 2015 with the camera module attached.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/e/e4/CamJIC-gallery7.jpeg", "OpenScope in its most recent for, as of September 2015 with the camera module attached.")
−
//addGal2("https://static.igem.org/mediawiki/2015/4/49/CamJIC-gallery8.jpeg")
+
//addGal("2", "https://static.igem.org/mediawiki/2015/4/49/CamJIC-gallery8.jpeg")
−
//addGal2("https://static.igem.org/mediawiki/2015/3/34/CamJIC-gallery9.jpeg")
+
//addGal("2", "https://static.igem.org/mediawiki/2015/3/34/CamJIC-gallery9.jpeg")
−
//addGal2("https://static.igem.org/mediawiki/2015/d/df/CamJIC-gallery11.jpeg")
+
//addGal("2", "https://static.igem.org/mediawiki/2015/d/df/CamJIC-gallery11.jpeg")
−
addGal2("https://static.igem.org/mediawiki/2015/8/81/CamJIC-gallery12.jpeg", "OpenScope in its most recent for, as of September 2015 with the camera module attached.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/8/81/CamJIC-gallery12.jpeg", "OpenScope in its most recent for, as of September 2015 with the camera module attached.")
−
addGal2("https://static.igem.org/mediawiki/2015/a/a8/CamJIC-gallery13.jpeg", "A clear illustration of the flexure translation in action during imaging.")
+
addGal("2", "https://static.igem.org/mediawiki/2015/a/a8/CamJIC-gallery13.jpeg", "A clear illustration of the flexure translation in action during imaging.")
−
addGal2("https://static.igem.org/mediawiki/2015/0/03/CamJIC-gallery14.jpeg", "A close-up view of the camera focusing on the sample along the z-axis .")
+
addGal("2", "https://static.igem.org/mediawiki/2015/0/03/CamJIC-gallery14.jpeg", "A close-up view of the camera focusing on the sample along the z-axis .")
−
/*addGal2("https://static.igem.org/mediawiki/2015/0/01/CamJIC-gallery15.jpeg")
+
/*addGal("2", "https://static.igem.org/mediawiki/2015/0/01/CamJIC-gallery15.jpeg")
−
addGal2("https://static.igem.org/mediawiki/2015/9/9a/CamJIC-gallery16.jpeg")
+
addGal("2", "https://static.igem.org/mediawiki/2015/9/9a/CamJIC-gallery16.jpeg")
−
addGal2("https://static.igem.org/mediawiki/2015/b/bc/CamJIC-gallery18.jpeg")*/
+
addGal("2", "https://static.igem.org/mediawiki/2015/b/bc/CamJIC-gallery18.jpeg")*/
−
addGal2("https://static.igem.org/mediawiki/2015/3/33/CamJIC_chassistop1.jpeg")
+
addGal("2", "https://static.igem.org/mediawiki/2015/3/33/CamJIC_chassistop1.jpeg")
−
addGal2("https://static.igem.org/mediawiki/2015/7/7d/CamJIC_chassistop2.jpeg")
+
addGal("2", "https://static.igem.org/mediawiki/2015/7/7d/CamJIC_chassistop2.jpeg")
−
addGal2("https://static.igem.org/mediawiki/2015/8/8b/CamJIC_chassistop3.jpeg")
+
addGal("2", "https://static.igem.org/mediawiki/2015/8/8b/CamJIC_chassistop3.jpeg")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/b/b5/CamJIC-DF_lens.jpg")
  
−
https://static.igem.org/mediawiki/2015/b/b5/CamJIC-DF_lens.jpg
 
 
$(".fancybox").fancybox({
 
$(".fancybox").fancybox({
 
prevEffect : 'none',
 
prevEffect : 'none',
Line 186: Line 168:
 
title : {
 
title : {
 
type: 'outside'
 
type: 'outside'
−
},
 
−
thumbs : {
 
−
width : 50,
 
−
height : 50
 
 
}
 
}
 
}
 
}

Revision as of 01:32, 19 September 2015

CAMBRIDGE-JIC


Gallery

Brightfield Images

Fluorescence Images

Images of OpenScope