Team:BIOTEC Dresden/Minutes

From 2010.igem.org

(Difference between revisions)
Line 4: Line 4:
<head>
<head>
<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/imgpreview.min.js"></script>
<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/imgpreview.min.js"></script>
-
<script type="text/javascript">
+
 
-
$('#preview 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>
</head>
<body>
<body>
Line 90: Line 65:
</div>
</div>
</div>
</div>
 +
<script type="text/javascript">
 +
    $(function(){
 +
      $('#preview a').imgPreview({
 +
    containerID: 'imgPreviewWithStyles',
 +
    /* Change srcAttr to rel: */
 +
    srcAttr: 'rel',
 +
    imgCSS: {
 +
        // Limit preview size:
 +
        height: 200
 +
    },
 +
    // When container is shown:
 +
    onShow: function(link){
 +
        $('<span>' + link.href + '</span>').appendTo(this);
 +
    },
 +
    // When container hides:
 +
    onHide: function(link){
 +
        $('span', this).remove();
 +
    }
 +
});
 +
    });
 +
</script>
</body>
</body>
</html>
</html>
{{Biotec_Dresden/Bottom}}
{{Biotec_Dresden/Bottom}}

Revision as of 21:42, 22 October 2010

Share to Twitter Share to Facebook Share to Orkut Stumble It Email This More...

Retrieved from "http://2010.igem.org/Team:BIOTEC_Dresden/Minutes"