The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

control image load in div

  • # March 15, 2012 at 10:11 am

    I am not sure if I am explaining this properly but here goes.

    basically I have a dynamic div on my page that pulls from other pages and populates the div with the thumbnails from each of these. the div is set to expand to the correct height of the div that it is pulling from.

    my problem is when the link is click, the thumbnails flash up first and then the div is expanding. it looks a little jumpy.

    ideally i would like to have this as smooth as possible. ie: something like the thumbs loading smoothy in a cascading style and the div expands as the load.

    problem is i have NO idea how to achieve this.

    here is a URL to the test page.

    if you click on any of the gallery portles [ + ] you will see what i mean.

    Any help is GREATLY appreciated.


    # March 15, 2012 at 10:56 am

    This reply has been reported for inappropriate content.

    It looks like the images are loaded before the div is resized, why not swap the order around

    Also when you have a gallery open and then click on another one you should make it scroll back to the top

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed