Exclusive to Optimizer Pro, the Dynamic Fancybox Settings Interface provides several popular Fancybox customizations in one dynamic, what-you-see-is-what-you-get interface.

It's the fastest and easiest way to customize Fancybox, with no coding or manual front-end refreshes required, and it's just a click away on Optimizer's settings page at Settings -> NextGEN Gallery Optimizer Pro.

If you haven't already, get yourself a copy of Optimizer Pro, upload it to your site at Plugins -> Add New -> Upload, and activate it on your plugins page. See the Installation Guide for more.

After activation, you'll be automatically redirected to the Optimizer Pro settings page, where you'll find a "Launch" button to fire-up the Dynamic Fancybox Settings Interface.

To get started with the Dynamic Fancybox Settings Interface:

1. Navigate to Settings -> NextGEN Gallery Optimizer Pro.
2. Ensure the Fancybox checkbox is enabled. Select and save if not.
3. Click the Dynamic Fancybox Settings Interface "Launch" button.
4. Experiment with the different settings combinations.
5. Click Save Options inside the interface.

All the custom code is written to the appropriate files automatically on save, and your customizations will be instantly live on the front-end of your site.

There are several options available in the Dynamic Fancybox Settings Interface, which we'll detail below...

Title position

With the title position select menu, there are five options you can choose from. None, Float, Over, Inside and Outside. The default is Float. Select each option individually to see which style you prefer.

Background color

With the background color color-picker, you can experiment with the full color palette for Fancybox's background overlay that masks the page. Alternatively, if you have an exact color in mind, simply enter its CSS color HEX value. The default is #666.

Background opacity

With the background opacity select menu, you have access to the full range of opacity levels for Fancybox's background overlay that masks the page. It has 11 stops ranging from 0 (invisible) to 1 (solid color) The default is 0.3.

Responsive resize

This option lets you activate the responsive resize feature in Optimizer Pro's Enhanced Fancybox Lightbox. This feature automatically resizes Fancybox when the browser window is resized, or when the orientation is changed on mobile devices.

Image counter

If you have large galleries, you may like to add an image counter to improve user experience. This option will prepend a counter (Eg. Image 1 of 30) to each of your image titles to enhance navigation.

Title from Alt

By default, Fancybox uses NextGEN's description fields at Gallery » Manage Gallery for titles. This option lets you fall back on the Alt text (Eg. "brooklyn-bridge.jpg") for images that don't have manually entered descriptions.