Setting Up ColorBox(jQuery Modal window) In Blogger

[alexanderlegend]

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: http://www.bloggermint.com/2011/06/how-to-create-modal-subscribe-box-using-jquery/

On a test blog, it worked perfectly. : http://downloads.neuronhub.com (Ignore the missing images)

However, when I tried the same thing on the main blog( http://neuronhub.com ), 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!

[Sorcher]

Hello Alexander.
i am using ColorBox myself.
As i view your source code i see you have not set the <script type="text/javascript">
$(document).ready(function(){
$("a[rel='example1']").colorbox();
$("a[rel='example2']").colorbox({transition:"fade"});
$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
$("a[rel='example4']").colorbox({slideshow:true});
});
</script>


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>