Apply a Grow/Shrink effect

Note: You can use this effect with these HTML objects: address, dd, div, dl, dt, form, p, ol, ul, applet, center, dir, menu, or pre.

(Optional) Select the content or layout object you want to apply the effect to.
In the Behaviors panel (Window > Behaviors), click the Plus (+) button and select Effects > Grow/Shrink from the popup menu.
Select the object’s ID from the target element pop-up menu. If you have already selected an object, choose <Current Selection>.
In the Effect Duration field, define the time it takes for the effect to occur, in milliseconds.
Select the effect you want to apply: Grow or Shrink.
In the Grow/Shrink From box, define the object’s size when the effect starts. This is a percentage of the size or a pixel value.
In the Grow/Shrink To box, define the object’s size when the effect ends. This is a percentage of the size or a pixel value.
If you choose pixels for either the Grow/Shrink From or To boxes, the wide/high field becomes visible. Depending on the option you choose, the element will grow or shrink proportionately.
Select whether you want the element to grow or shrink to the upper-left corner of the page or into the page’s center.
Select Toggle Effect if you want the effect to be reversible, growing and shrinking with successive clicks.

Comments

htown said on Jun 6, 2007 at 7:16 PM :

I really like this effect but I am not able to figure out why when I load the page, the image starts off at GROW size and not shrink size. I have set up to start at 150px wide so why does it start at the larger size of 600px?

jefbak said on Oct 19, 2007 at 10:04 AM :

Add an "onLoad" behavior to set the static size and then add a second behavior for the shrink or grow on mouse click or mouse hover.

No screen name said on Nov 5, 2007 at 12:45 PM :

what is the onLoad behavior string to set the static size of the image

htown said on Jan 11, 2008 at 8:59 PM :

I have searched high and low for this answer and I can not beleive that there is not an answer to be found. It is obviously a common question and why Adobe didn't make this a bit more intuitive is beyond me. I am not quite sure when you would want an image full size and then have it shrink.

brokenreality said on Jan 24, 2008 at 7:17 AM :

I found a nice little piece of info on this page. It utilizes CSS to hide whatever spry object initially.

http://labs.adobe.com/technologies/spry/samples/effects/grow_sample.html

ddbbcvega said on Mar 9, 2008 at 3:51 PM :

Has anyone found a solution to this problem ? it driving me crazy looking

ddbbcvega said on Mar 9, 2008 at 4:13 PM :

Ok I started with down sizing the picture by 90% then when I applied the grow I did it from 100% to 1000% and it works fine just kind of a pain

Current page: http://livedocs.adobe.com/en_US/Dreamweaver/9.0/WSF2C51A95-756E-4819-9DC4-AF794B79E1D5.html

Dreamweaver CS3 | Go to CS4 Help

Apply a Grow/Shrink effect

Comments

Comments