*
*
*
I appreciate the help :)
Again though, seems a long winded approach to something that should work using
the right syntax etc right?
Surely this must be a bug in jQuery of some kind?
Adam.
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf
Of brian
Sent: 05 March 2009 18:47
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Animate using relative %
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.
