Certain images aren't loading on initial page load
News and General
I’ve just noticed an issue on a redesigned page that I have never encountered before. I have a page that I just redesigned and in the top it has a large div with a full length background image with a smaller feature image set inside of it. on top of that then is the headline… what I have noticed is that when I click on the link to go to the page initially, that top set of images don’t load, but if I place the cursor at the end of the url in the address bar and hit return, they then show.
I cleared the caches in EE as well as my browser(s) but the behavior persists… has anyone noticed this?
My thought is that it has to do with how I have the header constructed… my header code looks like this:
{exp:channel:entries channel="blog_posts" orderby="date" sort="desc" limit="1"}
<!-- START Header Area -->
{if hero_image != ""}
<div class="jumbotron dynamic jumbotron-blog parallax-section-2" url({hero_image})">
{if:else}
<div class="jumbotron dynamic jumbotron-blog parallax-section-2" url('/assets/images/dk_people_bg.png')">
{/if}
{if feature_image != ""}
<div class="container static">
<div class="row children">
<div class="col-md-10 col-md-offset-1">
{feature_image}
<div class="homeImageLink">
<h1 class="">{title}</h1>
<a href="http://{url_title_path=%27blog/%27}" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
{if:else}
<div class="container static">
<div class="row children">
<div class="col-md-12">
<h1 class="text-center">{title}</h1>
<a href="http://{url_title_path=%27blog/%27}" class="btn btn-default">Read More</a>
</div>
</div>
</div>
{/if}
</div>
<!-- END Header Area -->
<div class="animated-rule"></div>
{/exp:channel:entries}Any thoughts?
Thanks. Russ
Anything popping up in your browser dev tools? Warnings about scripts, missing files etc.? Possible to post a link where we could see it live?
Nothing shows in DevTools…
Link is http://propheticagency.com/blog
Should look like the attached if all loads well.
Thanks.
Loaded properly first time and every time in FF, Chrome and even… IE 😊
Maybe run it through http://browsershots.org/ and see if any of the tests duplicate your issue.
I’ll check that out… thanks for having a look. I appreciate it.
Russ
Jeremy, Thanks for that link… it showed the page loading right about 1/2 the time…but gave me a clue what to look at. I may have tracked it down to some inline CSS with a height:auto setting. we’ll see, but it seems to have solved it. thanks.
Russ