0

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!

2
Contributors
1
Reply
3
Views
6 Years
Discussion Span
Last Post by Sorcher
0

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">
$(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>

Edited by Sorcher: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.