1 {{ upvoteCount | shortNum }}
1 {{ upvoteCount | shortNum }}

How to set page display order?

by DavidO
1 replies
  • WEB DESIGN
    • |
I've got a fairly long page and I want my header elements, including images, to display first.

Instead, it shows the text but doesn't display header images until everything else on the page loads. It's silly to delay the top of the page while stuff 10 screens below waits to load.

None of the images are big, around 36 kb max.

I've googled this a lot but can't find an answer.

Thanks for any suggestions!
#display #order #page #set
  • Profile picture of the author phpbbxpert
    That is a bit tricky.
    Most browsers are designed to display text first, images last.
    The theory is to get you reading even though the page has not fully loaded.

    So we that, you can try JavaScript.
    When searching for information on this the terms are
    Preload images with jQuery
    or Preload images ,etc...

    I played with this one about a year ago, it pre-loads CSS images.
    Update: A New & Improved jQuery Script to Automatically Preload images from CSS | Filament Group, Inc., Boston, MA

    Most of the others you find will be specific to posted (linked in images) using the img tag. Always pick the newest articles you can find. Older articles may not work because of code changes.

    It all depends on which images you want to load.
    {{ DiscussionBoard.errors[2578501].message }}

Trending Topics