title: I have no idea what I am supposed to do
body: <p>I've been trying to get a SWF file to work in FancyBox. FancyBox itself works properly, the only trouble I'm having is when I use SWF files.</p>
  
  <p>This is the HTML part:</p>
  
  <pre><code>&lt;div id="box-6" class="box"&gt; &lt;a class="various" href="content/test.swf"&gt;swf&lt;/a&gt;
      &lt;img id="image-6" src="/image_28.png"/&gt;
      &lt;span class="caption scale-caption"&gt;
      &lt;h3&gt; test &lt;br&gt;&lt;em&gt;&lt;font size="1"&gt; test &lt;/em&gt;&lt;/font&gt;&lt;/h3&gt;
          &lt;p&gt; test &lt;/p&gt;
    &lt;/span&gt;
  </code></pre>
  
  <p></p>
  
  <p>And this is the JS part, at the very top of my script:</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
  
  $(document).ready(function() {
  
  $(".various").fancybox({
      maxWidth    : 800,
      maxHeight   : 600,
      fitToView   : false,
      width       : '70%',
      height      : '70%',
      autoSize    : false,
      closeClick  : false,
      openEffect  : 'none',
      closeEffect : 'none'
  });
  
  
  $('#single_3').fancybox({
      openEffect : 'elastic',
      closeEffect : 'elastic',
      helpers : {
          title : {
              type : 'outside'
          }
      }
  });
  });
  </code></pre>
  
  <p></p>
  
  <p>When I click on the image nothing happens though.</p>
  
  <p>I also tried to put it like this, still nothing happens:</p>
  
  <pre><code>&lt;a id="single_3" &lt;a class="various" href="content/test.swf" title=" test "&gt;swf&lt;/a&gt;
  &lt;img id="image-6" src="/image_28.png"/&gt;
  &lt;span class="caption scale-caption"&gt;
  &lt;h3&gt; test &lt;br&gt;&lt;em&gt;&lt;font size="1"&gt; test &lt;/em&gt;&lt;/font&gt;&lt;/h3&gt;
      &lt;p&gt; test &lt;/p&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have no idea what I am supposed to do.</p>