Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I figured out a solution that works for me.</p> <p>This is based heavily off of all the answers posted here, so thank you for that. I would give you all a bounty if possible.</p> <p>What I did was this.</p> <p>Set <code>.fancybox-title{height:0px !important;}</code> in CSS, and add an additional style (to be used later) directly below: <code>.fancybox-title-autoheight{height:auto !important;}</code></p> <p>Next, in the fancybox jquery call, set <code>autoResize: false</code>, and <code>min-Height: $(window).height()-100</code>, &lt;--the 100 is simply the margin I wanted in order for the user to notice that there is more content below the image.</p> <p>Finally, in the afterShow function, set <code>$(".fancybox-title").addClass("fancybox-title-autoheight");</code></p> <p>This sizes the photo properly when originally opening, and allows the comments to be shown below as I wanted. The only remaining problem is when the window is resized. I tried removing the autoheight class, calling update, and then adding the CSS attribute again, but it does not seem to be working. For now, this is an acceptable solution for me.</p> <p>Check out the result (may need to clear your cache, I've been working on it very recently): <a href="http://www.thejoecole.com/gallery/Places/Garden_of_the_Gods-1/photo-8#8" rel="nofollow">http://www.thejoecole.com/gallery/Places/Garden_of_the_Gods-1/photo-8#8</a></p> <p>Thank you to all who participated! If there is some way to mark multiple answers as correct, just let me know and I will do so so that the original ideas I compiled can get recognition.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload