Images not displaying in posts

Darren,

This one’s a puzzler. You might try disabling the modernizer script. Or any scripts that load external fonts.

Interestingly, the image actually loads, THEN disappears, which makes me think it might be getting filtered on load. Maybe double check your filter settings.

Thanks for the reply, Drew.

I had considered Modernizer as a possible cause, removed it, html boilerplate and @font-face with no results.

What exactly do you mean by filter setting?

Well, by default, WordPress has filtered HTML settings based on capabilities. I’m assuming you’re posting using your admin account though, so you should theoretically have capabilities to post completely unfiltered HTML. Not to mention, the code is loading in the source but not on the page.

The fact that the image loads then disappears still puzzles me. It makes me think there’s another running script loading on page load that’s causing your problem.

Edit: Now I see your image is loading on your sample page. Did you get it figured out? Please do share if you did.

Ah, I figured it out. A code I was using to detect category for conditional sidebar items:

In functions.php:

//
// If is category or subcategory of $cat_id
//

if (!function_exists('is_category_or_sub')) {
	function is_category_or_sub($cat_id = 0) {
	    foreach (get_the_category() as $cat) {
	    	if ($cat_id == $cat->cat_ID || cat_is_ancestor_of($cat_id, $cat)) return true;
	    }
	    return false;
	}
}

For some reason its not allowing the image to be displayed. When its removed the image displays. I guess I’ll have to do the conditional tag another way.

As to your conditional, I actually stumbled on something just last week that might help you out.

I used this to check if I was in X category or a descendant:

if (is_category('id or name') || in_category('id or name') || post_is_in_descendant_category(get_term_by('slug', 'theslug', 'category'))) {

Some code here

}

You need to drop this snippet in functions.php

Hope that helps. Don’t forget to mark your question resolved.

Ah, ignore my last. That particular code wasn’t the cause, removing it while NOT removing its custom condition broke the code in my sidebar, this break caused the footer scripts to not load, which fixed the problem.

I have found the cause – I had the following script running:

$('article p')
    .filter(function() {
        return $.trim($(this).text()) === ''
    })
    .remove()

To be honest, I can’t even remember why I was using this. I think I was trying something early on in the process and forgot to remove it.

I’m sorry to have wasted your time with this stupid problem , I really shouldn’t code at 4/5am.

Thanks again for your help and time… and thanks for that snippet.

No time wasted, really. Just another fun problem to solve in a sea of many. Glad you got it resolved.