chaseman Posted April 26, 2011 Share Posted April 26, 2011 In Wordpress, 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(); }); 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? Quote Link to comment Share on other sites More sharing options...
chaseman Posted April 26, 2011 Author Share Posted April 26, 2011 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. Quote Link to comment Share on other sites More sharing options...
chaseman Posted April 26, 2011 Author Share Posted April 26, 2011 I solved it this way. jQuery('img').click(function() { jQuery('.post_content a').colorbox(); }); Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.