Bryan Leister

Colorbox Galleries

As with any WordPress Gallery, you upload images while on a Page or Post. Then, type in the shortcode [gallery_colorbox] in the body of the post. Here is the code I am using to access my built-in Colorbox pop-up gallery above:

For reference, below is how the standard WordPress Gallery Shortcode works (the images open as a new page). If you want to fetch a gallery that is ‘attached’ to another page you need to use that page’s ID number, so I had to do that here as well:

You can do the same thing for my Colorbox galleries, and you can also choose a different ‘option’ for the Colorbox galleries, I’ve got many optional styles implemented. To use them, use the option like this:

Unfortunately, I can’t show a preview of that because having multiple Colorbox styles on the same page doesn’t really work. But, you can check out the examples on colorpowered.com or just try them out yourself and have fun! Here are all of the style “options” available in BaseLayer Three:

Colorbox Slideshow and other options

Above is a Colorbox gallery that uses the ‘works’, every feature specified. Code that makes it work is below:

Below is a list of the default values and options:

‘option’ to pick the visual style of your gallery (“light”, “grey”, “dark”, “arrows_dark”, “arrows_light”, “buttons_dark”, “buttons_light”, “framed_dark”, “framed_light”, “rounded_light”, “rounded_dark” )
‘popup’ to pick the size of the popup (“medium”, “large”, “full”)
‘transition’ to pick the way the images transition(“elastic”, “fade”, “none”)
‘speed’ how fast you want the transitions (default is “350?)
‘slideshow’ if you want your images in a slideshow (“true”, “false”)
‘slideshowSpeed’ how fast do you want the slides to advance (default is “2500?)
‘slideshowAuto’ option to not start the slides automatically (default is “true”)

As of Colorbox version 1.3.19, I have implemented all of the options and converted them to work within WordPress. Open the colorbox.php file in the download for details and look at colorpowered.com for documentation of what the options do.

Download the Library here: gallery_colorbox