@ Blue Squirrel,
Thanks for sharing your experiences!
If you don’t want to go digging around in Fancybox’s compressed js file, you can easily modify the title style, and any of Fancybox’s options by editing the “fancybox inline js” section at the top of Optimizer’s scripts-and-styles.php.
In the examples below, I’ve simply appended 'titlePosition':'inside'
to Fancybox’s invocation code (as required above), but you can also set ‘titlePosition’:’outside’, ‘titlePosition’:’over’ or ‘titlePosition’:’none’ according to your preferences…
For the basic version of Optimizer:
/**********************************************************************
* fancybox inline js
**********************************************************************/
function nggo_fancybox_inline_js() { ?>
<!-- [nextgen gallery optimizer v<?php echo NGGO_VERSION; ?>] This page must contain a nextgen shortcode...else we wouldn't be serving its scripts and styles -->
<script type='text/javascript'>jQuery.noConflict(); jQuery(document).ready(function() { jQuery('a.myfancybox').fancybox({ 'zoomSpeedIn':500, 'zoomSpeedOut':500, 'overlayShow':true, 'overlayOpacity':0.3, 'titlePosition':'inside' }); });</script>
<?php
}
For the Premium version of Optimizer:
/**********************************************************************
* fancybox inline js
**********************************************************************/
function nggop_fancybox_inline_js() { ?>
<!-- [nextgen gallery optimizer premium v<?php echo NGGOP_VERSION; ?>] This page must contain a nextgen shortcode...else we wouldn't be serving its scripts and styles -->
<script type='text/javascript'>jQuery.noConflict(); jQuery(document).ready(function() { jQuery('a.myfancybox').fancybox({ 'zoomSpeedIn':500, 'zoomSpeedOut':500, 'overlayShow':true, 'overlayOpacity':0.3, 'titlePosition':'inside' }); }); var timer; jQuery(window).resize(function() { clearTimeout(timer); timer = setTimeout(jQuery.fancybox.browser_resize, 500); });</script>
<?php
}
Hope this helps!
Cheers,
Mark.