title: How to use the lightbox plugin colorbox?
body: <p>I want to show the contents of a hidden div in a light box when the page loads.</p>
  
  <p>How can I do this with <a href="http://colorpowered.com/colorbox/" rel="noreferrer">color box</a>?</p>
  
  <p>What I'm not understanding:</p>
  
  <p>Do I need to use their CSS files?  Which ones, where is it?</p>
  
  <p>How do I make the lightbox come up when the page loads?</p>
  
  <p>I tried this but no luck:</p>
  
  <pre><code>$(document).ready(function(){
      $("#div_id_i_want_to_show").colorbox({width:"50%", inline:true});
  });
  </code></pre>