[jQuery] Re: How to enlarge size proportionally
I got it, thanks. On 2月4日, 上午9時07分, Mike Alsup wrote: > > but is that mean I have to write lots code to do what I want? > > actually I know the trick, just want to know can it complete through > > jQuery effect by only set the options. > > No, I only wanted you to see that to achieve that effect you need to > animate both the size *and* the position. As the width animates you > also animate the 'left' property so that it appears to grow in both > directions. As Ricardo showed, you can do it with one call to > animate. > > Mike
[jQuery] Re: How to enlarge size proportionally
> but is that mean I have to write lots code to do what I want? > actually I know the trick, just want to know can it complete through > jQuery effect by only set the options. No, I only wanted you to see that to achieve that effect you need to animate both the size *and* the position. As the width animates you also animate the 'left' property so that it appears to grow in both directions. As Ricardo showed, you can do it with one call to animate. Mike
[jQuery] Re: How to enlarge size proportionally
$('#anim').animate({marginLeft: '-=50', width: '+=100'});
or
$('#anim').css('position', 'relative').animate({left -50, width:
'+=100'});
On Feb 3, 1:11 pm, Eric Garside wrote:
> Hmm. Lets say you need it to grow 100px. Would:
>
> $('#anim').animate({paddingLeft: 50, width: 50});
>
> work? It's hard to say what would help without a better idea of what
> the element you want to grow looks like.
>
> On Feb 3, 9:34 am, "David .Wu" wrote:
>
> > animate function can change object's size by control css, such as
> > width and height,
> > if if we want to increase the width, the width increased to right
> > ->
> > how to do it like below
> > <- ->
[jQuery] Re: How to enlarge size proportionally
but is that mean I have to write lots code to do what I want? actually I know the trick, just want to know can it complete through jQuery effect by only set the options. On 2月4日, 上午1時55分, "David .Wu" wrote: > thanks, this plugin is really cool. > > On 2月4日, 上午1時50分, Mike Alsup wrote: > > > > yup, I tried, but still not know to to do it proportionally. sigh.. > > > Look at the technique used in this plugin: > > >http://www.malsup.com/jquery/hoverpulse/
[jQuery] Re: How to enlarge size proportionally
thanks, this plugin is really cool. On 2月4日, 上午1時50分, Mike Alsup wrote: > > yup, I tried, but still not know to to do it proportionally. sigh.. > > Look at the technique used in this plugin: > > http://www.malsup.com/jquery/hoverpulse/
[jQuery] Re: How to enlarge size proportionally
> yup, I tried, but still not know to to do it proportionally. sigh.. Look at the technique used in this plugin: http://www.malsup.com/jquery/hoverpulse/
[jQuery] Re: How to enlarge size proportionally
yup, I tried, but still not know to to do it proportionally. sigh..
On 2月4日, 上午12時43分, Eric Garside wrote:
> Try the jQuery UI "Scaling" effect.
>
> http://docs.jquery.com/UI/Effects/Scale
>
> On Feb 3, 11:21 am, "David .Wu" wrote:
>
> > Sorry for my bad explanation, I make a sample
> > onlinehttp://chan.idv.tw/animate/enlarge.html
>
> > On 2月3日, 下午11時11分, Eric Garside wrote:
>
> > > Hmm. Lets say you need it to grow 100px. Would:
>
> > > $('#anim').animate({paddingLeft: 50, width: 50});
>
> > > work? It's hard to say what would help without a better idea of what
> > > the element you want to grow looks like.
>
> > > On Feb 3, 9:34 am, "David .Wu" wrote:
>
> > > > animate function can change object's size by control css, such as
> > > > width and height,
> > > > if if we want to increase the width, the width increased to right
> > > > ->
> > > > how to do it like below
> > > > <- ->
[jQuery] Re: How to enlarge size proportionally
Try the jQuery UI "Scaling" effect.
http://docs.jquery.com/UI/Effects/Scale
On Feb 3, 11:21 am, "David .Wu" wrote:
> Sorry for my bad explanation, I make a sample
> onlinehttp://chan.idv.tw/animate/enlarge.html
>
> On 2月3日, 下午11時11分, Eric Garside wrote:
>
> > Hmm. Lets say you need it to grow 100px. Would:
>
> > $('#anim').animate({paddingLeft: 50, width: 50});
>
> > work? It's hard to say what would help without a better idea of what
> > the element you want to grow looks like.
>
> > On Feb 3, 9:34 am, "David .Wu" wrote:
>
> > > animate function can change object's size by control css, such as
> > > width and height,
> > > if if we want to increase the width, the width increased to right
> > > ->
> > > how to do it like below
> > > <- ->
[jQuery] Re: How to enlarge size proportionally
Sorry for my bad explanation, I make a sample online
http://chan.idv.tw/animate/enlarge.html
On 2月3日, 下午11時11分, Eric Garside wrote:
> Hmm. Lets say you need it to grow 100px. Would:
>
> $('#anim').animate({paddingLeft: 50, width: 50});
>
> work? It's hard to say what would help without a better idea of what
> the element you want to grow looks like.
>
> On Feb 3, 9:34 am, "David .Wu" wrote:
>
> > animate function can change object's size by control css, such as
> > width and height,
> > if if we want to increase the width, the width increased to right
> > ->
> > how to do it like below
> > <- ->
[jQuery] Re: How to enlarge size proportionally
Hmm. Lets say you need it to grow 100px. Would:
$('#anim').animate({paddingLeft: 50, width: 50});
work? It's hard to say what would help without a better idea of what
the element you want to grow looks like.
On Feb 3, 9:34 am, "David .Wu" wrote:
> animate function can change object's size by control css, such as
> width and height,
> if if we want to increase the width, the width increased to right
> ->
> how to do it like below
> <- ->
