title: display image with fancybox
body: <p>I'm trying display an image using <code>fancybox</code>, but not working.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div id="example2" style="display:none;"&gt;
  &lt;a id="single_image" href="#"&gt;&lt;img src="style/images/promocional-01.jpg" alt=""/&gt;&lt;/a&gt; &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
        $(document).ready(function() {
          $("a#single_image").fancybox();
      });
  &lt;/script&gt;
  </code></pre>