[Resolved] CSS preloading of images.

Home Forums Support [Resolved] CSS preloading of images.

Home Forums Support CSS preloading of images.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #173476
    Mo

    Hi Tom,
    This is related to my previous Make images flush with center column

    There’s the typical lag associated with loading of rollovers.
    Once the images are in the browser cache there’s no flicker.

    Rollovers

    Attempts to add a preloader script has only broken the rollovers contained within the 3 columns.
    Is there a lightweight preloader plugin that works well with GP or of a snippet that would work within the lightweight grid plugin?

    Thanks,
    Mo

    #173534
    Tom
    Lead Developer
    Lead Developer

    One way is to load the images in your source somewhere but keep them hidden/off screen with CSS.

    This will load them before the user hovers over them.

    The best way is to use CSS background sprites, so it’s one image just switching positions.

    #173587
    Mo

    Hi Tom,
    I’ve seen articles about the hidden off screen images but so far applying the CSS that’s been offered by the various authors has not been successful.

    The background sprites approach might be more appropriate.

    I’ll keep searching around.
    Thanks,
    Mo

    #173652
    Tom
    Lead Developer
    Lead Developer

    Background sprites are definitely the way to go ๐Ÿ™‚

    #173675
    Mo

    Hi Tom,
    After messing about with different tutorials, I finally got a sprite to work.
    Should be able to build the rest.
    Thanks again for your feedback.
    Mo

    #173732
    Tom
    Lead Developer
    Lead Developer

    No problem ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.