title: View PDF on a Lightbox
body: <p>My pdf file is not showing on a lightbox, its just keeps loading but when i put it using an iframe it shows. I uploaded the pdf on a cpanel and i just want it to view on a light box.</p>
  
  <p>Here's my code in an iframe, which is working:</p>
  
  <pre><code>&lt;p&gt;&lt;iframe src="url/of/.pdf" width="600" height="780"&gt;&lt;/iframe&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Here's my lightbox code which is not showing the pfd:</p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="/javascript/jquery/plugins/fancybox/fancybox.css" media="screen"&gt;
  &lt;script type="text/javascript" src="/javascript/jquery/plugins/fancybox/fancybox.js?b84fd"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
  
  /* This is basic - uses default settings */
  
  $("a#single_image").fancybox();
  
  /* Using custom settings */
  
  $("a#inline").fancybox({
  'hideOnContentClick': true
  });
  
  /* Apply fancybox to multiple items */
  
  $(".iframe").fancybox({
  'transitionIn'    :    'elastic',
  'transitionOut'    :    'elastic',
  'speedIn'     :    600,
  'speedOut'     :    200,
  'overlayShow'    :    false
  });
  
  });
  
  &lt;/script&gt;
  
  
  &lt;p&gt;&lt;a class="iframe" href="url/of/.pdf"&gt;Zero&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>Hope anyone could help me.</p>