Images are SOMETIMES there

问题

Okay, I admit that the code is a right mess but I am an old dog who's new at this!
It's a Blogger CSS template that I have been hacking around (and using with Blogger) and it now does what I want it to do ... sometimes.
However, there is a pattern to the misbehaviour:
First load: it's usually all there and looks good.
Refresh, reload or F5 and often the top image disappears, or something else goes wonky.
Retype the address in the address bar and it usually comes right.
Happens in IE and in Firefox.
If I should clean it up before asking, just say so and expect another post in about a week..
Otherwise, please take a peek:
www.belindascott.be

回答1:

Okay, it seems I have sorted it out. The page has eight tiny "corner" images each 18x18px. When the browser couldn't "find them (fast enough?)" it would leave a placemark and sometimes wouldn't display the main title image. I have now uploaded all the images into one Blogger draft post and I reference them from there. Same images, now all in "one place" ... no more problems.

回答2:

It is a known blogger bug

Go to Dashboard, select Template from the pulldown menu, and Edit HTML. Then scroll down until you see the following lines at the bottom of the template:

 <script language='javascript' type='text/javascript'>
      setTimeout(function() {
        blogger.ui().configure().view();
      }, 0);
    </script>
  </body>
</html>

Change the timeout value from 0 to 1000:

<script language='javascript' type='text/javascript'>
      setTimeout(function() {
        blogger.ui().configure().view();
      }, 1000);
    </script>
  </body>
</html>

Credit for this trick

来源：https://stackoverflow.com/questions/1147568/images-are-sometimes-there

标签

blogger