Since Version 3.8, the jQuery Colorbox plugin allows you to open linked contents inside a Colorbox.
Contents are loaded in an iFrame, so if the website you are linking to prevents that, a blank page is displayed. For example, Google.com prevents loading the page in an iFrame.
For more information, click on the Wikipedia link at the bottom.
Other than that, it’s very easy to use:
When inserting a link into a post, page or website, add the class “colorbox-link” to the link.
First, you’ll have to set the visual editor to show the “Kitchen sink”:
After that, select the style “colorbox-link” from the dropdown:
In order to use the Colorbox for links, you’ll have to set the width and height in the colorbox settings:
Since jQuery Colorbox 4.4.1, links can be grouped by adding a numerical ID to the CSS class. (e.g. “colorbox-link-1”, “colorbox-link-2”)
Every link on a page with the same ID will be grouped into a slideshow.