You are here

Colorbox

Error message

  • There is a security update available for your version of Drupal. To ensure the security of your server, you should update immediately! See the available updates page for more information.
  • There are security updates available for one or more of your modules or themes. To ensure the security of your server, you should update immediately! See the available updates page for more information.
Insert module settings
Select which image style to use for viewing images in the colorbox.
Extra features
This enables custom links that can open forms and paths in a Colorbox. Add the class "colorbox-load" to the link and build the url like this for paths "[path]?width=500&height=500&iframe=true" or "[path]?width=500&height=500" if you don't want an iframe. Other modules may activate this for easy Colorbox integration.
This enables custom links that can open inline content in a Colorbox. Add the class "colorbox-inline" to the link and build the url like this "?width=500&height=500&inline=true#id-of-content". Other modules may activate this for easy Colorbox integration.
Styles and options
Select the style to use for the Colorbox. The example styles are the ones that come with the Colorbox plugin. Select "None" if you have added Colorbox styles to your theme.
Use the default or custom options for Colorbox.
The transition type.
Sets the speed of the fade and elastic transitions, in milliseconds.
The overlay opacity level. Range: 0 to 1.
Text format for the content group / gallery count. {current} and {total} are detected and replaced with actual numbers while Colorbox runs.
Text for the previous button in a shared relation group.
Text for the next button in a shared relation group.
Text for the close button. The "Esc" key will also close Colorbox.
Enable closing Colorbox by clicking on the background overlay.
Return focus when Colorbox exits to the element it was launched from.
Set a maximum width for loaded content. Example: "100%", 500, "500px".
Set a maximum height for loaded content. Example: "100%", 500, "500px".
Set the initial width, prior to any content being loaded. Example: "100%", 500, "500px".
Set the initial height, prior to any content being loaded. Example: "100%", 500, "500px".
If the Colorbox should be displayed in a fixed position within the visitor's viewport or relative to the document.
If false, Colorbox will hide scrollbars for overflowing content. This could be used on conjunction with the resize method for a smoother transition if you are appending content to an already open instance of Colorbox.
Colorbox Node Integration
This enables regions to be rendered inside the colorbox modal. The context module can further target a colorbox modal. Experimental
Default width of the colorbox loaded window. You must include the 'px' or '%' suffix with your numeric value.
Default height of the colorbox loaded window. You must include the 'px' or '%' suffix with your numeric value.