Question

I have a landing page in a website, where there is just a single image of the earth.

Now to enter the main site, I want some effect in the landing page that the earth cracks open and then the user enters the main site.

What I am currently doing: I currently divide the whole landing page image into 4 divs with a separate image in each of them (which jointly form the earth). Now when the user has to enter the site, I simple animate each of the 4 divs to each corner of the screen. But I need cracking effects & some other visually attractive effects.

Any ideas how to achieve this? Javascript (or jQuery) solution preferable.

Answer 1

Thanks for the answers, but I found my answer combining the other two answers present here.
So am just sharking the fiddle here, so that may be useful in future:

Updated fiddle:

http://jsfiddle.net/gopi1410/eC9HM/1/