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

 
(14 intermediate revisions by 4 users not shown)
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="gallery'+id+'1" 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/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/4/4f/CamJIC-z_stack4.png"," Zea mays. T.S. root. Z-stacked with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/9/95/CamJIC-z_stack5.png", "Fly. Z-stacked with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/2/29/CamJIC-z_stack6.png" , " Cucurbataria. Z-stacked with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/0/02/CamJIC-z_stack7.png", "Caloglossa Thallus. Z-stacked with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/d/d7/CamJIC-erysiphe_graminis.png", "Erysiphe Graminis. Imaged with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/0/0a/CamJIC-Trichomanes_sori.png", "Trichomanes Sori. Imaged with OpenScope.")
 +
//addGal("", "https://static.igem.org/mediawiki/2015/5/50/CamJIC-Zea_mays_TS_root.png","Zea Mays T.S. Root. Imaged with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/f/f0/CamJIC-acer_TS_one_year_old_stem.png","Acer T.S. 1 year old stem. Imaged with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/b/b8/CamJIC-Fagus_mycorrhiza.png","Fagus Mycorrhiza. Imaged with OpenScope.")
 +
addGal("", "https://static.igem.org/mediawiki/2015/9/96/CamJIC-Pellia_antheridia.png", "Pellia Antheridia. Imaged with OpenScope.")
  
 
$(".fancybox").fancybox({
 
$(".fancybox").fancybox({
Line 73: Line 83:
 
</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 83: Line 91:
 
<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 108: Line 110:
 
title : {
 
title : {
 
type: 'outside'
 
type: 'outside'
−
},
 
−
thumbs : {
 
−
width : 50,
 
−
height : 50
 
 
}
 
}
 
}
 
}
Line 138: Line 136:
 
//<![CDATA[
 
//<![CDATA[
  
−
function addGal2(url, title) {
+
$(document).ready(function() {
−
$("#gall2").append($('<a class="fancybox" rel="gallery1" href="'+url+'" title="'+title+'"><img src="'+url+'" style="width: 200px" alt="" /></a>'));
+
−
}
+
  
 +
addGal("2", "https://static.igem.org/mediawiki/2015/6/6a/CamJIC-microscope1.jpeg", "Early prototype of OpenScope.")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/c/c2/CamJIC-chassis.jpeg", "First 3D printed chassis.")
 +
addGal("2", "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/9/90/CamJIC-chassis2.jpeg", "Second microscope chasis design.")
 +
addGal("2", "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/a/aa/CamJIC_3dprintingchassis.jpeg", "Chassis prototype in early stages of printing.")
 +
addGal("2", "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/5/50/CamJIC-chassis_emerging.jpg", "An introduction to the latest chassis design.")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/1/11/CamJIC_epitube.jpeg", "Darkfield illumination tube.")
 +
addGal("2", "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/4/4c/CamJIC_materialtesting.jpeg", "Testing 3D printed material using a 3 point bending test.")
 +
addGal("2", "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/e/e3/CamJIC_gallery1.jpeg", "OpenScope's most recent design, as of September 2015.")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/f/f4/CamJIC_gallery2.jpeg" )
 +
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")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/8/85/CamJIC-gallery4.jpeg")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/2/28/CamJIC-gallery5.jpeg")
 +
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")
 +
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.")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/4/49/CamJIC-gallery8.jpeg")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/3/34/CamJIC-gallery9.jpeg")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/d/df/CamJIC-gallery11.jpeg")
 +
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.")
 +
//addGal("2", "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/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/01/CamJIC-gallery15.jpeg")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/9/9a/CamJIC-gallery16.jpeg")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/b/bc/CamJIC-gallery18.jpeg")*/
 +
addGal("2", "https://static.igem.org/mediawiki/2015/b/b5/CamJIC-DF_lens.jpg")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/5/58/CamJIC-potatoe5.jpeg")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/e/e6/CamJIC-potatoe1.png")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/3/33/CamJIC_chassistop1.jpeg", "Stage version 1 from above.")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/1/17/CamJIC-potatoe8.jpeg", "Stage version 3 from above.")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/7/7d/CamJIC_chassistop2.jpeg", "Stage version 4 from above.")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/8/8b/CamJIC_chassistop3.jpeg", "Stage version 5 from above.")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/4/48/CamJIC-potatoe11.jpeg", "Stage version 1 from the side.")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/7/7f/CamJIC-potatoe10.jpeg", "Stage version 2 from the side.")
 +
addGal("2", "https://static.igem.org/mediawiki/2015/c/c4/CamJIC-potatoe6.jpeg","Stage version 3 from the side.")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/e/ea/CamJIC-potatoe3.jpeg","Stage version 4 from the side.")
 +
//addGal("2", "https://static.igem.org/mediawiki/2015/7/73/CamJIC-potatoe9.jpeg","Stage version 4 from the side.")
  
  
−
$(document).ready(function() {
 
−
 
−
addGal2("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.")
 
−
addGal2("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.")
 
−
addGal2("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.")
 
−
addGal2("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.")
 
−
addGal2("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.")
 
−
addGal2("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.")
 
−
addGal2("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" )
 
−
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")
 
−
//addGal2("https://static.igem.org/mediawiki/2015/8/85/CamJIC-gallery4.jpeg")
 
−
//addGal2("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")
 
−
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.")
 
−
//addGal2("https://static.igem.org/mediawiki/2015/4/49/CamJIC-gallery8.jpeg")
 
−
//addGal2("https://static.igem.org/mediawiki/2015/3/34/CamJIC-gallery9.jpeg")
 
−
//addGal2("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.")
 
−
addGal2("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 .")
 
−
/*addGal2("https://static.igem.org/mediawiki/2015/0/01/CamJIC-gallery15.jpeg")
 
−
addGal2("https://static.igem.org/mediawiki/2015/9/9a/CamJIC-gallery16.jpeg")
 
−
addGal2("https://static.igem.org/mediawiki/2015/b/bc/CamJIC-gallery18.jpeg")*/
 
−
addGal2("https://static.igem.org/mediawiki/2015/3/33/CamJIC_chassistop1.jpeg")
 
−
addGal2("https://static.igem.org/mediawiki/2015/7/7d/CamJIC_chassistop2.jpeg")
 
−
addGal2("https://static.igem.org/mediawiki/2015/8/8b/CamJIC_chassistop3.jpeg")
 
  
−
https://static.igem.org/mediawiki/2015/b/b5/CamJIC-DF_lens.jpg
 
 
$(".fancybox").fancybox({
 
$(".fancybox").fancybox({
 
prevEffect : 'none',
 
prevEffect : 'none',
Line 185: Line 187:
 
title : {
 
title : {
 
type: 'outside'
 
type: 'outside'
−
},
 
−
thumbs : {
 
−
width : 50,
 
−
height : 50
 
 
}
 
}
 
}
 
}

Latest revision as of 03:24, 19 September 2015

CAMBRIDGE-JIC


Gallery

Brightfield Images

Fluorescence Images

Images of OpenScope