Update: gpEasy 2.x introduces gallery sections that can be added to any page. By adding a gallery section to a page Colorbox is enabled for any images that are linked on that page. Therefore, this tutorial is not necessary. If you don't want the gallery section visible just delete all images in it. It will still enable Colorbox.
By default in gpEasy Colorbox is only turned on for gallery pages. Therefore, you will need to add the following code to your theme to turn Colorbox on for all pages. Add this code before the get header code: <?php gpOutput::GetHead(); ?>
The code to turn Colorbox on for all pages:
<?php common::AddColorBox(); ?>
How to: open the theme's template.php file you wish to enable Colorbox for in your favorite or default text editor. Copy the above code and paste it in the theme just before the GetHead output function shown above.
<?php $page->GetContent() ?>.
You should now be able to click on any image in that page and it should open in Colorbox.
The image should open in Colorbox.
Did you do the prerequisite?
The code may not be pure code, sometimes a " or ' can be faulty. Especially if you skipped pasting it into a text editor first. Just replace them if necessary.
Otherwise about the only problem that may go wrong is placing the code outside of the GPAREA content div.
Please note that this script will not work on images that are already linked as that would be problematic. It acts only on a non-linked image. You will, of course, need to set a smaller size for the image in the page and Colorbox will open the full sized image.
You cannot use a thumbnail image. Colorbox displays the full size of the image that is embedded, thus a thumbnail will not display any larger; therefore, you must embed the full sized image and set the height and width attributes to the size you want displayed on the page and Colorbox will open the full size image and resize it based on the user's screen size.
As of gpEasy 1.7 beta the attribute name="gallery" will open an image in Colorbox, assuming Colorbox is turned on for that page and it's linked properly (see more in the gallery tutorials), and rel="gallery_gallery" isn't needed. That is used to tie all images on a page into a "gallery" of sorts. It allows you to scroll multiple images in Colorbox, whereas name="gallery" by itself will open only the single image and you will not be able to move to the next image within Colorbox. There will be tutorials on Colorbox and gallery setting in the near future.