"
Team:BIOTEC Dresden/Minutes
From 2010.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
<html> | <html> | ||
| + | <head> | ||
| + | <script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/imgpreview.min.js"></script> | ||
| + | <script type="text/javascript"> | ||
| + | $('ul#third a').imgPreview({ | ||
| + | containerID: 'imgPreviewWithStyles', | ||
| + | imgCSS: { | ||
| + | // Limit preview size: | ||
| + | height: 200 | ||
| + | }, | ||
| + | // When container is shown: | ||
| + | onShow: function(link){ | ||
| + | // Animate link: | ||
| + | $(link).stop().animate({opacity:0.4}); | ||
| + | // Reset image: | ||
| + | $('img', this).stop().css({opacity:0}); | ||
| + | }, | ||
| + | // When image has loaded: | ||
| + | onLoad: function(){ | ||
| + | // Animate image | ||
| + | $(this).animate({opacity:1}, 300); | ||
| + | }, | ||
| + | // When container hides: | ||
| + | onHide: function(link){ | ||
| + | // Animate link: | ||
| + | $(link).stop().animate({opacity:1}); | ||
| + | } | ||
| + | }); | ||
| + | </script> | ||
| + | </head> | ||
<body> | <body> | ||
<div id="content_prim"> | <div id="content_prim"> | ||
Revision as of 21:16, 22 October 2010
7th Minutes
