On Thu, Mar 5, 2009 at 1:12 PM, Adam Jessop <a...@infused-gaming.net> wrote:
> Well contrary to the domain name, it is a real site with no threat, disable
> your JS first if you like!

I was joking.

> I have the CSS values for how I want the end result to be already, but I
> don’t want them visible when the page loads, defies the whole point of the
> effect.

I meant that you should leave them visible only for as long as it
takes to set up your CSS to have them positioned where you want them.
I'm guessing this is a fluid design, so that the image locations would
adjust according to screen size changes.. If the CSS isn't correctly
done the next step would be pointless.

Once the images are how you want them to ultimately be, regardless of
screen size changes, replace them with single-pixel images (ie,
invisible) at the top-left corner position of your actual images.

> After that I'm afraid I don’t really see how that achieves what I want.

When the page loads, have your script find the positions--using
pixels--of each of the placeholder images. Feed those coordinates to
your animate function.

You could probably achieve the same thing without the placeholders by
doing a bit of math based on the screen size and the CSS percentages
but this other way seems to me to be simplest.

Reply via email to