Member Avatar for 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!

  • 2 Contributors
  • 1 Reply
  • 202 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by Sorcher
Member Avatar for Sorcher

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 because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.