title: Prettyphoto changing lightbox height and width
body: <p>I am trying to modify the height and width of the image box that opens when I click on a thumbnail but have not had any success.</p>
  
  <p>This is my code so far</p>
  
  <pre><code>@for (int i = 0; i &lt; Model.count; i++)
  {
      &lt;a href= "@Url.Action("GetImage", "Image", new { id = i })" rel="prettyPhoto[pp_gal]"&gt;
      &lt;img src= "@Url.Action("GetImage", "Image", new { id = i })" alt="Image @(i+1)" width="240" height="240" /&gt;&lt;/a&gt;
  }    
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $("a[rel^='prettyPhoto']").prettyPhoto({
              autoplay_slideshow: false,
              show_title: true,
              default_width: 300, //I have tried playing with these values
              default_height: 200, //I have tried playing with these values
              theme: 'pp_default',
              overlay_gallery: false,                  
              social_tools: false
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help would be appreciated.</p>