jQuery Colorbox Issue

  • Resolved chaseman

    (@chaseman)


    13 years ago

    I want images inside a post or page to open in a lightbox, but I’m having a problem selecting the CSS.

    This will work: 

    jQuery(function(){ 

$('.blog_post_content a').colorbox();

});

    And this will not work: 

    jQuery(function(){ 

$('.blog_post_content a img').colorbox();

});

    [Please post code snippets between backticks or use the code button.]

    The problem with the previous example is, it will open any type of link, not just the images. The problem with the last example is it will open the lightbox but the lightbox will load forever without the image ever showing.

    Perhaps this is not a CSS selection issue rather a jQuery issue?

    I think the syntax is correct, something must be going wrong when loading the image, what could it be?

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    13 years ago

    See jQuery_noConflict_wrappers

    Thread Starter chaseman

    (@chaseman)

    13 years ago

    I changed it to this, and I’m still having the same problem: 

    jQuery(document).ready(function(){
jQuery('.blog_post_content a img').colorbox();
});

    The lightbox just keeps loading forever.

    Thread Starter chaseman

    (@chaseman)

    13 years ago

    Is there any way to tell jQuery ONLY to execute lightbox after an image tag has been clicked?

    For example: 

    jQuery('img').click(function() {
	jQuery('.blog_post_content a').colorbox();
	});

    This will unfortunately open normal text links in lightbox as well.

    Thread Starter chaseman

    (@chaseman)

    13 years ago

    I solved this way. 

    jQuery('img').click(function() {
	jQuery('.post_content a').colorbox();
	});

    This works.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘jQuery Colorbox Issue’ is closed to new replies.