Grow/Shrink Behavior Not Working

I created 5 separate DIVs/Images using the grow/shrink behavior. The behavior worked on the computer I initially created them on, when I got home, the behaviors are still setup, but don't work in either the LiveView, Preview in Browser or when the new files are uploaded to the server.
When I check the source code, the behavior is there as well.
http://www.typea-sports.com/index.html (the five images are supposed to grow from 25% of their size to 100% at different speeds.
I'm using version CS4.
Any ideas on why?
Thanks,
Peter

You need to upload the script file to the server:
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
That is in your code but not on the server.
J

Similar Messages

Grow & shrink effect not working

Hello all, my issue is I cannot get the grow effect to work. I am a newbie so I have been watching tutorials. The link to my site shows a bouquet in the center of the page that I was using as a test for the grow effect. The 2 bouquet images on the right of the page is also set to grow bout I dont know if it can grow to the left. Anyway, I just cant get anything to work. All the pictures just appear in full size.
I have the behavior set to grow, from 0% to 100% on click. Here is the link. http://www.stevenleespage.com/bouquets.html
Here is the code. Thanks for the help and I hope I posted in the correct location. I'm not sure if this is where I am supposed to post problems.
Thanks again,
Steve
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Ricos - Bouquets</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_spa.css" type="text/css" />
<style type="text/css">

</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectGrowShrink(targetElement, duration, from, to, toggle, referHeight, growFromCenter)
    Spry.Effect.DoGrow(targetElement, {duration: duration, from: from, to: to, toggle: toggle, referHeight: referHeight, growCenter: growFromCenter});
</script>
</head>
<body bgcolor="#0000" background=>
<table width="1115" height="752" border="0" cellpadding="0" cellspacing="0" bordercolor="#00FF00">
<tr bgcolor="#220103">
   <td height="150" colspan="6" nowrap="nowrap" bgcolor="#522449"><img src="Images/Ricos/fuchsia-background_800x600.jpg" alt="title" width="1108" height="150" /></td>
</tr>
<tr bgcolor="#FF9900">
     <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
     <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr bgcolor="#FF9900">
     <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
     <td colspan="6" bgcolor="#9900FF"><img src="mm_spacer.gif" alt="" width="1" height="18" border="0" /></td>
</tr>
<tr bgcolor="#FF9900">
     <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#FF080E">
     <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr bgcolor="#FF9900">
     <td colspan="6"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
    <td width="221" height="557" valign="top" id="navborder"><br />
    <table border="0" cellspacing="0" cellpadding="0" width="220" id="navigation">
        <tr>
          <td width="220"><a href="ricos.html" class="navText">HOME </a></td>
        </tr>
        <tr>
          <td width="220"><a href="http://www.yellowpages.com/santa-rosa-ca/mip/pricess-botique-3411701/m ap?lid=3411701" target="_blank" class="navText">MAP & DIRECTIONS </a></td>
        </tr>
        <tr>
          <td width="220"><a href="wedding.html" class="navText">WEDDING APPAREL </a></td>
        </tr>
        <tr>
          <td width="220"><a href="prom.html" class="navText">PROM APPAREL </a></td>
        </tr>
        <tr>
          <td width="220"><a href="1stcommunion.html" class="navText">1ST COMMUNION APPAREL </a></td>
        </tr>
        <tr>
          <td width="220"><a href="baptism.html" class="navText">BAPTISM APPAREL </a></td>
        </tr>
        <tr>
          <td><a href="javascript:;" class="navText">BOUQUETS </a></td>
        </tr>
        <tr>
          <td><a href="decorations.html" class="navText style6 style7">DECORATIONS </a></td>
        </tr>
        <tr>
          <td><a href="centerpieces.html" class="navText">CENTER PIECES </a></td>
        </tr>
        <tr>
          <td><a href="jewelry.html" class="navText">JEWELRY</a></td>
        </tr>
        <tr>
          <td><a href="contact.html" class="navText style6 style7">GALLERY</a></td>
        </tr>
        <tr>
          <td><a href="contact.html" class="navText style6 style7">CONTACT</a></td>
        </tr>
    </table>     </td>
    <td width="25"><img src="mm_spacer.gif" alt="" width="25" height="1" border="0" /></td>
    <td width="617" align="left" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
     <br />
    <table border="0" cellspacing="0" cellpadding="0" width="459">
      <tr>
        <td width="459" class="pageName style16">Beautiful Bouquets </td>
      </tr>
    </table>
    <p class="style13">All of our bouquets are custom hand crafted for any occasion. </p>
    <p class="style13">Please contact us for color and design. <a href="contact.html">CONTACT</a> or visit our store. </p>
    <table width="614" height="420" border="0" align="left" cellpadding="1">
      <tr>
        <td width="600" height="411" align="left" valign="top"><div align="left"><img src="Images/Ricos/bouquet2.jpg" width="600" height="415" onclick="MM_effectGrowShrink(this, 1000, '0%', '100%', true, false, false)" /></div></td>
      </tr>
    </table>    </td>
    <td width="6"><img src="mm_spacer.gif" alt="" width="5" height="1" border="0" /></td>
    <td width="241" valign="top"><div align="left">
      <table width="230" height="221" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
        <tr>
          <td height="18" colspan="3" align="center" class="columnHeader"> </td>
          </tr>
        <tr>
          <td width="5"> </td>
            <td width="200" height="150" class="smallText"><p align="left"> </p>
           <br />          </td>
            <td width="5"><img src="mm_spacer.gif" alt="" width="5" height="1" border="0" /></td>
          </tr>
      </table>
      <table width="230" height="234" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">
        <tr>
          <td height="50" colspan="3" align="center" class="columnHeader"><span class="smallText"><img src="Images/Ricos/whtbouquet2.jpg" width="400" height="303" onclick="MM_effectGrowShrink(this, 1000, '0%', '100%', false, false, true)" /></span></td>
          </tr>
        <tr>
          <td width="5"> </td>
            <td width="200" height="150" class="smallText"><p align="left"><img src="Images/Ricos/purpbouquet.jpg" width="400" height="300" onclick="MM_effectGrowShrink(this, 1000, '0%', '100%', false, false, true)" /></p>
             <br />            </td>
            <td width="5"><img src="mm_spacer.gif" alt="bouquets" width="5" height="1" border="0" /></td>
          </tr>
      </table>
    </div></td>
    <td width="5" align="left"> </td>
</tr>
<tr>
    <td width="221" height="19"> </td>
    <td width="25"> </td>
    <td width="617"><div align="center"><a href="index.html">web design by Steven Lee </a></div></td>
    <td width="6"> </td>
    <td width="241"> </td>
    <td width="5"> </td>
</tr>
</table>
</body>
</html>

I wasn't so sure that I posted in the correct location. Sorry for that. I new to forums and don't know my way around.
I didnt even know of a Spry assets folder. I thought Dreamweaver took care of that. The video tutorials didn't talk about that and it looked to simple.
I will check out the other thread and if thats ok can I ask you for any additional questions?
Thanks for your time.
Steve

How to setup grow/shrink behavior on a moving group?

SD project. Group consists of 18 evenly spaced SD video clips each individually sized to 40%. The group is positioned near the top of the screen at 100% size.
The group then marches smoothly across the screen by transforming position X over 36 seconds using linear interpolation.
I am trying to cause the group (10 seconds into the timeline) to smoothly increase in size by applying a grow/shrink behavior over 3 seconds while continuing the X transform.
Position Y is changed to keep the location of the top of the group the same while the group grows.
Starts OK and ends OK. Works fine all the way to the end once the behavior finishes. Using the same X transform.
The problem is that during the grow behavior the apparent X and Y axis motion behaves incorrectly. The motion appears to change speed and even briefly reverses direction.
I understand why this is happening but I don't know how to fix it.
I have tried every combination of interpolation for the transforms along with every variation of the grow behavior parameters I can think of.
Everything I have tried makes things worse and/or introduces unwanted side effects.
Any thoughts?

I tried to implement what you were talking about. Just to make it easier on myself, I did use a 18 piece replicator instead of 18 individual files...so hopefully that doesn't change things. I did not get any reverse or weird X,Y behaviors acting incorrectly. It started at timeline 10:00 and ended at timeline 13:00, grew 120%, and the group had an anchor point set to the top of the group so it would only grow bottom and to the sides. Stuck with the same interpolation and everything. The only thing that looked weird was that the boxes pop back in place after the grow/shrink is done. Which is just because the behavior ends. Now! something that was odd was that I couldn't keyframe any parameters in the behavior?

Grow/Shrink Behavior question

Hello,
I am trying to use the Grow/Shrink behavior on some title in motion so that the text appears to be slowly coming and growing towards the viewer. My issue is that the text only grows towards the right hand side only, it does not grow in all directions (i.e., if the text is placed in the middle of my screen and the behavior is applied, the text grows but only to the right side of the screen).
What should I do so that the text grows in all directions proportionately?
Thanks!

I'm not sure what your issue is. The grow behavior simply changes the scale of your layer. The whole layer.
However, the scale is calculated from the anchor point of the layer, which for a text layer is either left, right or center justified.
Change your alignment to center if you want it to scale from the middle.
andy

Default button behavior not working with melting group

Hi,
I just realize that the default button behavior, i.e. fill out form and press enter without clicking on the actual button, does not work if one or more input form elements are in a melting group. This is a bug, right? I'm using CE7.1 SP5.
Regards,
Kevin

Hi Dharmi,
I define a button as default, fill out the inputfields and press enter on the last one. As soon as I put this one in a melting group and press enter, the action of the default button is not triggered anymore. I can press enter in another field which is not in a melting group and the form is submitted correctly.
I just noticed that if the button is in a melting group (with or without an input field) it doesn't work either.
Can you reproduce this behavior?
Best regards,
Kevin

Open Browser Window behavior not working in IE6 Win

Using DW 8 on Mac and can't get this Open Browser Window
behavior to work in IE 6 on a Windows machine. Any
suggestions?

This page is a GoLive page, and it throws a js error when it
loads because
of some of the GoLive code you have left therein.
I see that link as orange in IE6. And when you click on the
link, you throw
another js error, because the function (MM_openBrWindow) is
not defined on
the page - which is what causes the link to open in a
full-size browser
window. If it were not for that js error, you would get TWO
windows opening
since you have BOTH a link and the behavior, and the behavior
is not
'killed' with a return false, like this -
<a href="aptapp.html" class="override"
onClick="MM_openBrWindow('aptapp.html','QualifyforFREEMOVE','scrollbars=yes,width=760,hei ght=800');return
false">
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"mcjack" <[email protected]> wrote in
message
news:elul28$le2$[email protected]..
> Here you go:
http://www.freemovetexas.com/new
> Only the index here. See the last text line of the the
center text and the
> link on the What You MUST DO to get Your FREE MOVE" blue
box on the left
> nav
> area.
>
> Sorry to double up, but I'm up against a deadline and I
also have another
> problem with the link color override for this same Open
Browser Window
> behavior
> in the last line of text in the main center td. The a
color for the page
> is
> white but the .override a:link color is orange. The link
shows white in an
> IE6
> browser. I'm kinda green at this. Can you suggest on
this link color
> problem
> also for IE6? Thanks!
>

Open Browser Window behavior not working

Just getting started with DW from GL - have successfully imported a few sites into DW from GL and am having trouble getting the Open Browser Window behavior to work. Worked fine in GL, code is similar but different. Have tried different things and am out of ideas. I'm not too code-savy.
Here's where the non-working behaviors/actions are: http://www.philasecurities.com/data/luncheon.html
When a user clicks on the red "more..." links they should open a new browser window like they do in the "Click
here for previous years..." section.
Any help would be appreciated!

bregent, thanks for your input but unfortunately most of that's greek to me. Could you either supply me with sample code for one of these links or explain what I'm doing wrong in the design mode? I've followed DW instructions and as far as I can tell I'm doing what I'm supposed to in the behaviors tag inspector. Not sure about some of the settings I should have when browsing for the linked file to open in the new browser window. What should the parameters be set to? What should the relative link be set to, document or site root? How about some of the other options like Select file name from: data sources, server, site root? I've messed with them and tried different combinations but nothings working for me.

Snap to Grid behavior not working?

I recently upgraded from CS3 to CS6. To my eyes, Illustrator's Snap to Grid functionality is either broken—or I'm not understanding a (new?) option.
Use case: I set-up a grid with 1/8" spacing. I paste a 1/2" x 1/2" object from another file, or just copy and paste an existing one in the same file. I want it to sit, say, 2" from the top, and 4" from the left edge. In CS3, I could just use the arrow keys on the keyboard to move the object around, and its edges would precisely snap, as expected, to the grid, with no muss or fuss. If it was an uneven size, the edges would snap, making it easy to at least align the left and top edges (for example) where I want the object to sit.
In CS6, this really just plain doesn't work—either with arrow keys, or moving the object with the mouse. The objects are always—ALWAYS—some fraction "off" in one direction or another. And yes, I know it sounds like the Snap to Grid is off, but it's not. The object moves by increments of the grid (1/8" in my example), but the object is not grid-aligned, and cannot be made to be. I can arrow-key the object all over the workspace and it won't snap properly. The only way I can find to accurately position the object is open the Transform dialog, and enter the measurements by hand.
Quite honestly, that's a pain in the butt, and it's made literally everything I do in Illustrator take roughly twice as long. This is improvement?
I am hoping I "just don't get it." That there's an option mis-set somewhere in here. Maybe it's related to moving from Windows on CS3 to Mac on CS6, who knows. What I do know is I'm starting to hate Illustrator every time I have to fire it up these days.
Anyone else see this? Anyone have any idea how to fix it? File a bug report?
ADDED: In playing with this just after my original posting, it appears that the described issues occur only with groups of objects. For example, a 1/2" x 1/2" icon composed of a square for its outer dimensions, with some other stuff layed on top, then grouped, and moved as a whole. (Although whether it's grouped doesn't actually seem to matter—an ungrouped, multi-select of the same sort behaves the same way.)

Use Preview Bounds didn't help, but your raster effects question got me wondering... I am using a rounded corner effect in every instance where I have observed this. At least with a couple of quick tests, removing the rounded corner effect via the Appearance panel seems to have kicked it into expected behavior. Interesting.
I'd still make a case that this is a bug, and to the best of my recollection, it is NOT how it worked in CS3; I use the rounded corner effect pretty regularly... I would certainly have noticed this "in the old days."
Thanks for the clue. I'll find a way to deal with this knowing where the issue seems to be. I also just filed a bug report on it; I feel strongly that it is one.

Behavior not working in IE 7

I'm new to dreamweaver and I designed my website,
scottbraman.com, using layers in with dreamweaver mx. I use the
hide and show behavior for thumbnail triggers, and rollovers. The
nav bar across the top works intermittently with IE 7 on a pc, on
my mac it works fine. They also work with safari and firefox
without a problem. Any ideas?

Hello Roger,
I suppose you are not talking about slide video but an inserted video, what were the settings (streaming or pointing to the file)?
About testing: did you ever try Browserlab:
https://browserlab.adobe.com/en-us/index.html#
Cannot give you a lot of info about it, has been a while since I used it but wanted to offer this tip anyhow.
Lilybiri

'Get URL' Behavior not working in IE?

Hi, I've never had issues with adding a simple link to a
button. However, with IE7 my Get URL behavior won't seem to work in
IE. I'm including the new AC_Active_Content.js now that spits out
with the published files and it still doesn't seem to work.
Please confirm what code I should be using for a button link
and where it should go (action or behavior?)
Anybody know what's up?
Thanks

Thanks. I was actually wondering the differences between AS2
and 3. I guess that's one of them.
Anyway, that worked. I just used AS2 and put this into the
Action window:
on (release) {
getURL("
http://www.url.com");
Thanks a lot for the help.

OnFinish go to page behavior not working - help!

I have a movie on home page that should automaticaly go to
another page when it is done playing. I am trying to use onFinish
behavior, but nothing happens. The movie stops playing and then it
just sits there. Can anyone please help? Thank you!

Try restoring your preferences. Here's how:
Trash, Replace, Reset, or Restore the application Preferences

How do I Reverse Grow/Shrink?

Sorry, this has to be pretty simple, but I can't figure it out for some reason. I've been using the Help pdf too.
I want to reverse my Grow/Shrink behavior at a specific point in my timeline. I have a video grow from a little square to cover the whole screen, but I want it to return to the little square size after it's grown to full. I can't do this.
I tried putting the Reverse bahavior on, and it has the little square start off covering the whole screen and then shrink down. When I tried trimming the the reverse to the specific point where I wanted the full to shrink back, nothing happened. It just grew out and stayed big.
How do I reverse a behavior from a certain point on?
4 x 2.5 GHz PowerPC G5 Mac OS X (10.4.6)

New Discussions ResponsesThe new system for discussions asks that after you mark your question as Answered, you take the time to mark any posts that have aided you with the tag and the post that provided your answer with the tag. This not only gives points to the posters, but points anyone searching for answers to similar problems to the proper posts.
If we use the forums properly they will work well...
Patrick

Grow/Shrink Hold Size

I am using a Motion HD template (Blue News template) and one of them starts with a picture of a person growing in size. The template only lasts about 5 seconds but i want to use it longer. My question is how after the image has grown how can I keep it that size. Right now, it grows but then goes back to the size it started at. I don't want to keep growing the image, grow it for the 5 seconds and then hold it there.

Personally, I'd remove the Grow/Shrink behavior and instead keyframe the scale using the Record button over the time you want it to grow - you then have the flexibility to change how the growth starts and stops by changing the keyframe interpolation.

Grow/Shrink Effects behavior in DW 5.5

I am working on a page at http://www.tyneships.co.uk/phones/keys.php. Click on any letter on the page, and then on any of the links on the left hand side of the page that it takes you to.(all temporary code).
This takes you to a page which loads a picture and shrinks it down to a size. When you click on the picture, it expands to fill the page. Click on it again, and it shrinks back again.
I did this using the DW5.5 grow/shrink effect, to be found under Window/Behaviors/+/Effects/Grow/Shrink.
The code is here:
<img src="../photos/<?php echo $row_showshipset['thumblink']; ?>" width="800" height="600" title="Click to Zoom or Shrink" onClick="MM_effectGrowShrink(this, 1000, '100%', '300%', true, false, false)" onload="MM_effectGrowShrink(this, 0, '100%', '40%', false, false, false)">
On load, it is set to shrink the image down from 100% to 40% of its size in 0 miliseconds. When clicked on, it grows to , and then when it is clicked on, it grows from 100% to 300% to fit its preset 800 x 600.
This would be great, except for the fact that as the picture loads, it first of all fills the screen before the javascript routine shrinks it into its table.
The same happens if you click the next button under the photo while it is expanded.
There used to be a behaviour called "Pre-Load Images" that I thought may fix this problem, but it is no longer ioncluded in the DW package.(or at least I cannot find it)
Is there any way to obscure the image until it has loaded and shrunk down to its smaller size?
Howard Walker

You need to upload the script file to the server:
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
That is in your code but not on the server.
J

Behavior does not work after clip reposition

I create a title layer (Layer1) and add three behaviors (Grow/Shrink, Fade In/Fade Out and Spin) to it. Works perfectly. Then I make a copy of this layer (Layer2) apart of the Layer1. This one also works. But after I shitf Layer2 on timeline to make it partially superimposed with Layer1, Spin behavior stops to work for Layer2. It does not work even after I turn the layer back to its initial position. Any ideas, why does it happen?

I advocated the FF 20 Beta 4 because it worked perfectly the first time I invented the fix and tried it. I remembered specifically that the problem started with FF21 and so I decided at last to go back to the last version that I KNEW worked. I was 100% on the mark, in my case at least.
I tried everything, and I am quite methodical about what I do. The FF 20 Beta 4 fix works perfectly for me. The hardware acceleration checkbox does nothing for the problem.
I put up with this major pain in the butt for too long and finally solved it for myself. I am a happy camper now with my fix.
That said, are you telling me that FF 23 has fixed the bug? That would be great!
I am very busy right now, but when I get a chance, I will try it and post back my results.
Anyone else trying the beta 23, please report back.
As to your Java question, I'm not sure there is a connection at all. I just decided that if I was going to do a clean FF 20 b4 install, I wanted Java stripped out and reinstalled too. Let me say that I stripped out Java several times in the last couple months to address the freeze, but it didn't help.
IMO, Firefox itself was the problem
FF20b4 - no problem, and I'm happy as a clam now.

Grow/Shrink Behavior Not Working

Similar Messages

Maybe you are looking for