Thread

A site that I am working on has a problem with the banner images not loading. When the page loads, there is just the alt tag that shows. When the page is reloaded then the image loads. How can I have the image load when the page loads. This of course should load automatically without having to do anything else such as reloading the page but doesn’t. I have tried adding a “reload 1 time” tag which seemed to help, but again, I should not need to do that.
Any ideas?
Thanks

Do you have a link for us so we can see for ourselves what the problem is? It’s a rather weird problem, so maybe it is somehting with your server setup…

It is hosted on GoDaddy. Would that make a difference> I would guess that there are a number of EE sites hosted on Godaddy.
Thanks

Probably a hosting issue - as I’ve never had this happen.

Are the images being pulled dynamically - or hardcoded?  Any browser-side jquery type effects being applied?

Oh, also - this is 1.6.7. Would that be the problem? I tried to upgrade to 1.6.8 but all that happened is that it broke.

Probably a hosting issue - as I’ve never had this happen.

Are the images being pulled dynamically - or hardcoded?  Any browser-side jquery type effects being applied?

The banner images are hardcoded into the page via the “banner Image” section on the Publish form.

There is no JQuery on these pages that I am aware of. Jquery is used on the site for some menu options though.

So you are storing the banner image code in a weblog/channel?  That’s not hardcoded..😉  That’s dynamic content.

Are they being randomized?

Can you post the code on the template in question?

So you are storing the banner image code in a weblog/channel?  That’s not hardcoded..😉  That’s dynamic content.

Are they being randomized?

Can you post the code on the template in question?

ok - dynamically loaded then. They are not being randomized on the particular page that they are supposed to be displayed on. The one image should be the only one displayed on the page.

{embed="includes/header"}
 {exp:weblog:entries weblog="static-pages"}

 <div id="banner-inner">
  <div class="third">
   <h1>{banner-title}</h1>
   {banner-text}
  </div>
  {banner-image}
  <!--images/banner_inner.jpg-->
 </div>
 <div id="content">
  <div class="two-third">
   <h1>{title}</h1>
   {content-area-1}
  </div>
  {/exp:weblog:entries}
 {embed="includes/sidebar"}

{embed="includes/footer"}

I don’t see any issues with the code - although I would suggest adding a disable parameter to the weblog entries tag:

{exp:weblog:entries weblog="static-pages" disable="catgories|trackbacks|pagination|member_data"}

I’m not sure if that will fix the problem but it’s telling EE to write a smaller (and faster) query to the database - and maybe better page performance will help the image loads.

I also wonder if turning on template caching will help - at least on subsequent page loads.

I don’t see any issues with the code - although I would suggest adding a disable parameter to the weblog entries tag:

{exp:weblog:entries weblog="static-pages" disable="catgories|trackbacks|pagination|member_data"}

I’m not sure if that will fix the problem but it’s telling EE to write a smaller (and faster) query to the database - and maybe better page performance will help the image loads.

I also wonder if turning on template caching will help - at least on subsequent page loads.

I will add that and turn on Template Caching and see if that helps.
Thanks!