From 2013.igem.org
(Difference between revisions)
|
|
| Line 46: |
Line 46: |
| | } | | } |
| | | | |
| - | $(document).ready(function(){
| + | $(document).ready(function(){ $("a[rel='lightbox']").colorbox(); }); |
| - | //Examples of how to assign the Colorbox event to elements
| + | |
| - | $(".colorbox").colorbox({rel:'colorbox'});
| + | |
| - | $(".callbacks").colorbox({
| + | |
| - | onOpen:function(){ alert('onOpen: colorbox is about to open'); },
| + | |
| - | onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
| + | |
| - | onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
| + | |
| - | onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
| + | |
| - | onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
| + | |
| - | });
| + | |
| | | | |
| - | $('.non-retina').colorbox({rel:'group5', transition:'none'})
| |
| - | $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
| |
| - |
| |
| - | //Example of preserving a JavaScript event for inline calls.
| |
| - | $("#click").click(function(){
| |
| - | $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
| |
| - | return false;
| |
| - | });
| |
| - | });
| |
| | </script></html> | | </script></html> |
Revision as of 06:47, 4 October 2013
iGEM 2013 Marburg
"
