title: Fancybox - Modify javascript to add options
body: <p>I have the following Fancybox declarations in my page:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $(".fancybox").fancybox().hover(function() {
              $(this).click();
          });
          $("#fancybox-outer").fancybox().mouseleave( function() {
                 $("#fancybox-overlay").click();
           });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I need to reduce the size of the image used by the modal box and I believe I can do that by setting the "autoDimensions", "width", and "height" options available with Fancybox, I just don't know how to integrate that with the hover function, since there isn't an option in Fancybox to specify a function for a hover event. (I hope this is making sense.)</p>
  
  <p>Anyhow, does anyone know how I can modify the above javascript to control the width and height?</p>
  
  <p>Thanks!</p>