Colorbox is a modal window that is jQuery based and is lightweight. I decided to use it in my blogger blog for a one-time subscription box based on the tutorial at:

On a test blog, it worked perfectly. : (Ignore the missing images)

However, when I tried the same thing on the main blog(, it failed to load. The main blog has few other jQuery plugins that I thought might be interfering. So, I tried eliminating them one by one to see if the modal window shot up. But no luck.

Could you have a look at the page source code and give a possible explanation or solution?

Thank you!

Hello Alexander.
i am using ColorBox myself.
As i view your source code i see you have not set the <a href that comes right before the <img link correctly. You are missing the rel=""

The jQuery code provided from ColorBox looks like this: (i removed some that i personally dont use)

<script type="text/javascript">
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});

if you got the necessary jQuery codes from ColorBox you make an image appear in the colorbox like this:

<a href="anytarget.php" rel="example3"><img src="image.jpg"/></a>