Grow your CSS skills. Land your dream job.

Moving Boxes Script – Awesome, yet question

  • # May 18, 2009 at 7:47 am

    Hi,

    Sorry to start off firing question at you guys n gals. I’ve been playing around with Chris’s excellent Moving Boxes script and have adapted it thus: http://nl.pokerunlimited.eu/home-test-99/

    Now, upon loading, I’ve noticed the Moving Boxes jQuery script starting to operate only AFTER the rest of the page, slow outside widgets included, has fully loaded. This causes the top of the page not to be shown as the cursor in the shoutbox brings the visitor halfway down the page.

    My question is simple: could I force the script to fully assemble the Moving Boxes bit first, before it loads anything else?

    Thanks!

    # May 18, 2009 at 12:17 pm

    Yea… that’s not good.

    My only recommendation is to put the Javascript that you want loaded first at the top of the <head>. If that doesn’t work, the other JQuery Pro’s here could probably help.

    # May 18, 2009 at 1:02 pm

    Hi, thanks for your reply. Sadly, your solution did not produce the desired change. I’m thinking if I could only "pack" the whole thing together and run it as if it were a widget, that might solve it. Only, I have no idea how to go about doing such a thing.

    I’ve looked around in the js code of both the Moving Boxes and the jQuery file but could not find anything that might push up the priority. Help appreciated!

    # May 20, 2009 at 3:03 am

    Anybody?

    # May 20, 2009 at 6:59 am

    You could try moving as much of the other javascript as possible to the bottom of the page, just before the closing body tag. But to be honest I’m not sure it will make much difference. The jQuery runs as soon as the DOM has finished, that basically means as soon as the html is ready, but with the table layout and various bits of inline javascript there’s not much you can do to speed it up.
    Using swfobject to embed the flash movie and cleaning up at least some of the 237 html errors on the page http://validator.w3.org/#validate_by_input may help a bit.

    # May 20, 2009 at 7:54 am

    Thanks guys,

    I think I’ve got it handled now. I moved the loading of the entire banner div waaay down the pipeline, substituting a placeholder div.

    Still need to look at those html errors, thanks for pointing that out.

    # March 7, 2012 at 3:30 pm

    I am using the moving boxes on the following page

    http://www.oorah.org/oorah-gallery/photo-gallerynew.asp#&slider1=1&slider2=1&slider3=1&slider4=3

    I would like to center the “li’s in slider 4. I’m not quite sure how to go about doing this.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".