title: Changing an image when a lightbox is triggered
body: <p>I am using colorbox to display a lightbox. The lightbox is transparent and the image needs to be swapped for another image when the lightbox is triggered. How do I do this?</p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;p&gt;&lt;a class="message" href="/messages4u/2011/images/november/thanksgiving
     -message.png"&gt;&lt;img width="620" alt="Thanksgiving" src="/messages4u/2011/
     images/november/thanksgiving.jpg" style="width: 620px;" class="center" /&gt;
  &lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Here is the script I am using to call Colorbox:</p>
  
  <pre><code>var $j = jQuery.noConflict();
  $j(document).ready(function() {
  $j("a.message").colorbox({opacity:.40});
  }); 
  </code></pre>
  
  <p>All I really need to do is take the image in the HTML code and change that image to another image.</p>
  
  <p>Also when the lightbox closes it reverts back to the original image.</p>