CODEWITHSUNDEEP
jquerycssimagebackgroundpreload
Jamie Collingwood
Jamie Collingwood

Reputation: 689

slideUP div after css background image loads

I have a page that I am trying to achieve 2 things - 3d effect on using css, background images, and z-index - sliding div using Jquery to make movie type credits roll up the screen.

http://titanstudio.net/about.html

I have tried several jquery image preloaders that I found on various posts but none seem to work, im assuming because they are css background images. The issue I am having is on first load, the foreground image is not loading quick enough (it is a rather large png) and the credits start rolling up the page over top of the background image. Of course when you reload the page, it works fine since the images are cached, and the credit text correctly scrolls up the screen in between background and foreground images.

My question: Is there a way to delay the credits scrolling up the screen until after the foreground image loads?

Thanks in advance.

Upvotes: 1

Views: 450

Answers (1)

Greg
Greg

Reputation: 479

Why not add this? The code inside is executed after the page is fully loaded. 

$(window).load(function(){
  //scroll up here
});

Upvotes: 1

Related Questions