SHOW:
|
|
- or go back to the newest paste.
| 1 | <head> | |
| 2 | <title>Leen de Broekert</title> | |
| 3 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | |
| 4 | <meta name="description" content="" /> | |
| 5 | <meta name="keywords" content="" /> | |
| 6 | <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600" rel="stylesheet" type="text/css" /> | |
| 7 | <link rel="stylesheet" href="colorbox.css" /> | |
| 8 | - | <script src="js/jquery.min.js"></script> |
| 8 | + | |
| 9 | <script src="jquery.colorbox.js"></script> | |
| 10 | <script src="js/skel.min.js"></script> | |
| 11 | <script src="js/skel-panels.min.js"></script> | |
| 12 | <script src="js/init.js"></script> | |
| 13 | - | <link rel="stylesheet" href="colorbox.css" /> |
| 13 | + | |
| 14 | ||
| 15 | ||
| 16 | ||
| 17 | <script> | |
| 18 | $(document).ready(function(){
| |
| 19 | $(".inline").colorbox({inline:true, width:"90%"});
| |
| 20 | $(".callbacks").colorbox({
| |
| 21 | onOpen:function(){ alert('onOpen: colorbox is about to open'); },
| |
| 22 | onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
| |
| 23 | onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
| |
| 24 | onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
| |
| 25 | onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
| |
| 26 | }); | |
| 27 | ||
| 28 | $('.non-retina').colorbox({rel:'group5', transition:'none'})
| |
| 29 | $('.retina').colorbox({rel:'group5', transition:'none', retinaImage:true, retinaUrl:true});
| |
| 30 | ||
| 31 | //Example of preserving a JavaScript event for inline calls. | |
| 32 | $("#click").click(function(){
| |
| 33 | $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
| |
| 34 | return false; | |
| 35 | }); | |
| 36 | }); | |
| 37 | </script> | |
| 38 | ||
| 39 | <noscript> | |
| 40 | <link rel="stylesheet" href="css/skel-noscript.css" /> | |
| 41 | <link rel="stylesheet" href="css/style.css" /> | |
| 42 | <link rel="stylesheet" href="css/style-wide.css" /> | |
| 43 | </noscript> | |
| 44 | <!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]--> | |
| 45 | <!--[if lte IE 8]><link rel="stylesheet" href="css/ie8.css" /><![endif]--> | |
| 46 | </head> |
