Team:Zamorano/Gallery

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
 +
<script src="https://2014.igem.org/Team:Zamorano/js/jquery-1.10.1.min.js" type="text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:Zamorano/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:Zamorano/js/jquery.fancybox.js?v=2.1.5" type="text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:Zamorano/js/jquery.fancybox-buttons.js?v=1.0.5" type="text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:Zamorano/js/jquery.fancybox-thumbs.js?v=1.0.7" type="text/javascript"></script>
 +
<script src="https://2014.igem.org/Team:Zamorano/js/jquery.fancybox-media.js?v=1.0.6" type="text/javascript" ></script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
Line 11: Line 19:
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
 +
 +
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:Zamorano/css/jquery.fancybox.css?v=2.1.5" media="screen" />
 +
<link rel="stylesheet" type="text/css"https://2014.igem.org/Team:Zamorano/css/jquery.fancybox-buttons.css?v=1.0.5" media="screen" />
 +
<link rel="stylesheet" type="text/css"https://2014.igem.org/Team:Zamorano/css/jquery.fancybox-thumbs.css?v=1.0.7" />
 +
 +
<style type="text/css">
<style type="text/css">
Line 1,069: Line 1,085:
     });
     });
</script>
</script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
/*
 +
*  Simple image gallery. Uses default settings
 +
*/
 +
 +
$('.fancybox').fancybox();
 +
 +
/*
 +
*  Different effects
 +
*/
 +
 +
// Change title type, overlay closing speed
 +
$(".fancybox-effects-a").fancybox({
 +
helpers: {
 +
title : {
 +
type : 'outside'
 +
},
 +
overlay : {
 +
speedOut : 0
 +
}
 +
}
 +
});
 +
 +
// Disable opening and closing animations, change title type
 +
$(".fancybox-effects-b").fancybox({
 +
openEffect  : 'none',
 +
closeEffect : 'none',
 +
 +
helpers : {
 +
title : {
 +
type : 'over'
 +
}
 +
}
 +
});
 +
 +
// Set custom style, close if clicked, change title type and overlay color
 +
$(".fancybox-effects-c").fancybox({
 +
wrapCSS    : 'fancybox-custom',
 +
closeClick : true,
 +
 +
openEffect : 'none',
 +
 +
helpers : {
 +
title : {
 +
type : 'inside'
 +
},
 +
overlay : {
 +
css : {
 +
'background' : 'rgba(238,238,238,0.85)'
 +
}
 +
}
 +
}
 +
});
 +
 +
// Remove padding, set opening and closing animations, close if clicked and disable overlay
 +
$(".fancybox-effects-d").fancybox({
 +
padding: 0,
 +
 +
openEffect : 'elastic',
 +
openSpeed  : 150,
 +
 +
closeEffect : 'elastic',
 +
closeSpeed  : 150,
 +
 +
closeClick : true,
 +
 +
helpers : {
 +
overlay : null
 +
}
 +
});
 +
 +
/*
 +
*  Button helper. Disable animations, hide close button, change title type and content
 +
*/
 +
 +
$('.fancybox-buttons').fancybox({
 +
openEffect  : 'none',
 +
closeEffect : 'none',
 +
 +
prevEffect : 'none',
 +
nextEffect : 'none',
 +
 +
closeBtn  : false,
 +
 +
helpers : {
 +
title : {
 +
type : 'inside'
 +
},
 +
buttons : {}
 +
},
 +
 +
afterLoad : function() {
 +
this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
 +
}
 +
});
 +
 +
 +
/*
 +
*  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
 +
*/
 +
 +
$('.fancybox-thumbs').fancybox({
 +
prevEffect : 'none',
 +
nextEffect : 'none',
 +
 +
closeBtn  : false,
 +
arrows    : false,
 +
nextClick : true,
 +
 +
helpers : {
 +
thumbs : {
 +
width  : 50,
 +
height : 50
 +
}
 +
}
 +
});
 +
 +
/*
 +
*  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
 +
*/
 +
$('.fancybox-media')
 +
.attr('rel', 'media-gallery')
 +
.fancybox({
 +
openEffect : 'none',
 +
closeEffect : 'none',
 +
prevEffect : 'none',
 +
nextEffect : 'none',
 +
 +
arrows : false,
 +
helpers : {
 +
media : {},
 +
buttons : {}
 +
}
 +
});
 +
 +
/*
 +
*  Open manually
 +
*/
 +
 +
$("#fancybox-manual-a").click(function() {
 +
$.fancybox.open('1_b.jpg');
 +
});
 +
 +
$("#fancybox-manual-b").click(function() {
 +
$.fancybox.open({
 +
href : 'iframe.html',
 +
type : 'iframe',
 +
padding : 5
 +
});
 +
});
 +
 +
$("#fancybox-manual-c").click(function() {
 +
$.fancybox.open([
 +
{
 +
href : '1_b.jpg',
 +
title : 'My title'
 +
}, {
 +
href : '2_b.jpg',
 +
title : '2nd title'
 +
}, {
 +
href : '3_b.jpg'
 +
}
 +
], {
 +
helpers : {
 +
thumbs : {
 +
width: 75,
 +
height: 50
 +
}
 +
}
 +
});
 +
});
 +
 +
 +
});
 +
</script>
 +
<style type="text/css">
 +
.fancybox-custom .fancybox-skin {
 +
box-shadow: 0 0 50px #222;
 +
}
 +
body {
 +
max-width: 700px;
 +
margin: 0 auto;
 +
}
 +
</style>
</head>
</head>
Line 1,128: Line 1,329:
</div>
</div>
<br/>
<br/>
-
<p>Texto pendiente</p>
+
<h3>Creation of the <i>E. zamofordi</i> bacterium photos</h3>
 +
    <p>
 +
    On June 2013, we had the honor of counting with the presence of Dr. Paul Jaschke, an important molecular biologist of Stanford. With his aid, we could develop a copper biosensor based on a E. Coli bacterium, transformed by genetic engineering. This bacterium is able to detect copper pollution in contaminated water (possibly because of pesticides overuse or mining leakages.
 +
    </p>
 +
<p>
 +
<a class="fancybox-buttons" data-fancybox-group="button" href="https://static.igem.org/mediawiki/2014/f/ff/Zamorano_AH_1.jpg">
 +
<img src="https://static.igem.org/mediawiki/2014/b/bb/Zamorano_AH_peq_1.jpg" alt="" />
 +
</a>
 +
<a class="fancybox-buttons" data-fancybox-group="button" href="https://static.igem.org/mediawiki/2014/3/3c/Zamorano_AH_2.jpg"><img src="https://static.igem.org/mediawiki/2014/9/99/Zamorano_AH_peq_2.jpg" alt="" /></a>
 +
<a class="fancybox-buttons" data-fancybox-group="button" href="https://static.igem.org/mediawiki/2014/3/3e/Zamorano_AH_3.jpg"><img src="https://static.igem.org/mediawiki/2014/4/4e/Zamorano_AH_peq_3.jpg" alt="" /></a>
 +
<a class="fancybox-buttons" data-fancybox-group="button" href="https://static.igem.org/mediawiki/2014/b/bb/Zamorano_AH_4.jpg"><img src="https://static.igem.org/mediawiki/2014/2/21/Zamorano_AH_peq_4.jpg" alt="" /></a>
 +
        <a class="fancybox-buttons" data-fancybox-group="button" href="AH_5.jpg"><img src="AH_peq_5.jpg" alt="" /></a>
 +
        <a class="fancybox-buttons" data-fancybox-group="button" href="AH_6.jpg"><img src="AH_peq_6.jpg" alt="" /></a>
 +
        <a class="fancybox-buttons" data-fancybox-group="button" href="AH_7.jpg"><img src="AH_peq_7.jpg" alt="" /></a>
 +
        <a class="fancybox-buttons" data-fancybox-group="button" href="AH_8.jpg"><img src="AH_peq_8.jpg" alt="" /></a>
 +
        <a class="fancybox-buttons" data-fancybox-group="button" href="AH_9.jpg"><img src="AH_peq_9.jpg" alt="" /></a>
 +
        <a class="fancybox-buttons" data-fancybox-group="button" href="AH_10.jpg"><img src="AH_peq_10.jpg" alt="" /></a>
 +
</p>
</div>
</div>

Revision as of 23:40, 17 October 2014

Gallery


Creation of the E. zamofordi bacterium photos

On June 2013, we had the honor of counting with the presence of Dr. Paul Jaschke, an important molecular biologist of Stanford. With his aid, we could develop a copper biosensor based on a E. Coli bacterium, transformed by genetic engineering. This bacterium is able to detect copper pollution in contaminated water (possibly because of pesticides overuse or mining leakages.

Retrieved from "http://2014.igem.org/Team:Zamorano/Gallery"