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
Similar Messages
-
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 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,
PeterYou 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 -
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 -
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 WalkerYou 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 -
How to use the grow/shrink effect from the gallery
I'm not interested in the entire gallery, however, the
grow/shrink effect is very nice.
I tried looking for it in dreamweaver....
and then I tried grabbing gallery.js and spryeffects.js
I get errors.....Has anyone extracted this particular
behavior? There are a number of places it can be useful.
Thanks,Oh, I think I have found something ot there, sorry if I was a little impatient...
"3d fog only works with 2 different 3d image types and does not work with a AE 3d scene."
And one of that 3d images is "RPF" or something like that, a file that contains some 3D or depth info as far as I can imagine... So... really there is no effect like this to simulate fog quickly & easily into a simple 3D After Effects composition? Cause it'd be very usefull... of course I can imagine several ways to "fake" it, but a simple effect for each 3D layer it'd be great to avoid complications... Well, anyway any imput or advice it'll be very welcomed, CHEERS! -
End Offset for Grow/Shrink AND Motion Path?
I make an end offset for my Grow/Shrink ... and the clip stops where it is supposed to. Cool.
But my Motion Path continues. So the clip stops, but then slides sideways a bit or up and down. There doesn't seem to be a matching End Offset for the Motion Path. I try placing the Motion Path to end BEFORE the end of the clip, but I'm missing something. Can't figure out how to have the two Behaviors end BEFORE the end of the clip (I want the clip to be perfectly still for a long dissolve).
? All ears,
BenThank you Andy,
It would have taken me forever to find this in the manual, if it IS in the manual. I'm about to apply it to scores of clips. Long film. All done with still images of ancient symbols and artifacts. The only thing keeping this film alive will be the animated camera moves ... and of course the content, which in this case is extraordinary: the work of David Talbott, a pretty convincing theory that explains the origin of all story on this planet. Stranger than sci-fi.
Thank you mucho for your help,
Ben -
Trying to achieve grow/shrink to nothing effect
I'n trying to create a vertical panel where items can be added which are displayed top to bottom. Each "item" is a box with some interesting information to display and should be shown for a few seconds.
The space where it will be displayed will first grow to make room, then fade in, display for a few seconds, fade out, and shrink back to nothing. When it grow/shrinks, the intention is that the items above and below will make room/close the gap accordingly.
Now, I've gotten quite far to get this to work with two different solutions, but both have a problem.
Solution 1
Put the "item" in a Group. Then use Timelines to animate its ScaleYProperty to simulate the shrinking to nothing effect.
Problem: As soon as I put things in a group, the content of the "Item" is too small (it uses the preferred size instead of expanding to fill available space). If I use a StackPane it looks exactly how I want, but the ScaleYProperty won't work properly then (because StackPane ignores transformations in its size calculations).
I've tried forcing the preferred size to the correct value. Problem: I don't know the correct value, I don't know how to find out how big the "content" area should be. Doing a getWidth() of the vertical panel and substracting the Insets comes close, but there's always a small difference -- in other words, unsatisfactory.
...stuck
Solution 2
Replace the "item" with Rectangles that I resize to make space for the "item" before actually adding it. The shrinking effect works great... but I cannot get the grow effect to work properly because I donot know how big the "item" will be... there's no way to find out how big something will be once added to the scene graph.
Fiddling with adding the item temporarily to the scene graph, then trying to get its size somehow didn't work or had annoying side effects.
So, basically, I'm stuck with both approaches.
First because Groups donot allow their content to fill available space... (and finding out the correct preferred size seems not possible)...
Second because I cannot find out how big something will be BEFORE adding it to a scene graph...
Any ideas what I can still try?Okay, a fully working example ripped completely out of its context :)
This needs some keyboard control. Press 1/2 to adjust the "Playback rate" and 9/0 to adjust "Volume". In the center of the screen boxes will appear showing what you just did, and will fade out after a while. Adjusting both settings shortly after each other can result in two bars being displayed (this is intended) and shows the effect I want in greater detail.
The part I'm not happy with is where I hard-code the Preferred Width (search for setPrefWidth) because it is not correct (the width is only an estimate and changes when a slider is displayed... so the next slider added gets a different preferred width).
Possible solutions are some other way of "shrinking" a group without using the ScaleYProperty; somehow getting the correct preferred width; somehow getting Group to respect the "available space" for my StackPane... etc...
It works great in my opinion, just this little snag I want to get rid of.
playback-state-overlay.css
.root {
-c-main: rgb(173, 216, 230);
-c-shadow-highlight: derive(-c-main, -50%);
color-content-background: derive(-c-main, -80%);
.label {
-fx-text-fill: white;
.slider {
-fx-show-tick-labels: true;
-fx-show-tick-marks: true;
.slider .axis {
-fx-tick-label-fill: -c-main;
.slider .thumb {
-fx-background-color: rgb(0, 0, 0, 0.5), rgb(64, 64, 64), linear-gradient(to bottom, yellow, white, orange);
-fx-background-insets: 0, 1, 2;
-fx-background-radius: 0.3em, 0.25em, 0.2em;
-fx-padding: 0.75em 0.3em 0.75em 0.3em;
.slider .track {
-fx-background-color: -c-shadow-highlight, derive(-c-main, -22%), linear-gradient(to bottom, derive(-c-main,-15.5%), derive(-c-main,34%) 30%, derive(-c-main,68%));
-fx-background-insets: 1 0 -1 0, 0, 1;
-fx-background-radius: 0.2em, 0.2em, 0.1em;
-fx-padding: 0.208333em;
.axis:top {
-fx-border-color: transparent transparent #aaaaaa transparent;
.axis:right {
-fx-border-color: transparent transparent transparent #aaaaaa;
.axis:bottom {
-fx-border-color: #aaaaaa transparent transparent transparent;
.axis:left {
-fx-border-color: transparent #aaaaaa transparent transparent;
.axis-tick-mark {
-fx-stroke: #aaaaaa;
.item {
-fx-font: 22pt "Arial";
.content-box {
-fx-background-color: color-content-background;
-fx-background-radius: 20;
-fx-padding: 30;
-fx-hgap: 20;
ShrinkTest.java
package hs.javafx;
import javafx.animation.Animation.Status;
import javafx.animation.KeyFrame;
import javafx.animation.KeyValue;
import javafx.animation.Timeline;
import javafx.application.Application;
import javafx.beans.binding.NumberExpression;
import javafx.beans.binding.StringBinding;
import javafx.beans.binding.StringExpression;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.ListChangeListener;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Group;
import javafx.scene.Node;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.Slider;
import javafx.scene.input.KeyCode;
import javafx.scene.input.KeyEvent;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.RowConstraints;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;
import javafx.util.Duration;
public class ShrinkTest extends Application {
private final Player player = new Player();
private final VBox playbackStateOverlay = new VBox() {{
getStyleClass().add("content-box");
setVisible(false);
public static void main(String[] args) {
Application.launch(ShrinkTest.class, args);
@Override
public void start(Stage primaryStage) throws Exception {
StackPane stackPane = new StackPane();
playbackStateOverlay.getChildren().addListener(new ListChangeListener<Node>() {
@Override
public void onChanged(ListChangeListener.Change<? extends Node> change) {
playbackStateOverlay.setVisible(!change.getList().isEmpty());
stackPane.setOnKeyPressed(new EventHandler<KeyEvent>() {
@Override
public void handle(KeyEvent event) {
if(event.getCode() == KeyCode.DIGIT1) {
player.rateProperty().set(player.rateProperty().get() - 0.1);
if(event.getCode() == KeyCode.DIGIT2) {
player.rateProperty().set(player.rateProperty().get() + 0.1);
if(event.getCode() == KeyCode.DIGIT9) {
player.volumeProperty().set(player.volumeProperty().get() - 1);
if(event.getCode() == KeyCode.DIGIT0) {
player.volumeProperty().set(player.volumeProperty().get() + 1);
event.consume();
stackPane.getChildren().add(new GridPane() {{
getColumnConstraints().add(new ColumnConstraints() {{
setPercentWidth(25);
getColumnConstraints().add(new ColumnConstraints() {{
setPercentWidth(50);
getColumnConstraints().add(new ColumnConstraints() {{
setPercentWidth(25);
getRowConstraints().add(new RowConstraints() {{
setPercentHeight(10);
add(new Button("Hi"), 0, 0); // something to get focus
add(playbackStateOverlay, 1, 1);
Scene scene = new Scene(stackPane);
scene.getStylesheets().add("playback-state-overlay.css");
primaryStage.setScene(scene);
primaryStage.setFullScreen(true);
primaryStage.show();
final StringBinding formattedVolume = new StringBinding() {
bind(player.volumeProperty());
@Override
protected String computeValue() {
return String.format("%3d%%", player.volumeProperty().get());
final StringBinding formattedRate = new StringBinding() {
bind(player.rateProperty());
@Override
protected String computeValue() {
return String.format("%4.1fx", player.rateProperty().get());
player.volumeProperty().addListener(new ChangeListener<Number>() {
@Override
public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
addOSD(createOSDItem("Volume", 0.0, 100.0, player.volumeProperty(), formattedVolume));
player.rateProperty().addListener(new ChangeListener<Number>() {
@Override
public void changed(ObservableValue<? extends Number> observable, Number oldValue, Number newValue) {
addOSD(createOSDItem("Playback Speed", 0.0, 4.0, player.rateProperty(), formattedRate));
private static Node createOSDItem(final String title, final double min, final double max, final NumberExpression value, final StringExpression valueText) {
return new VBox() {{
setId(title);
getStyleClass().add("item");
getChildren().add(new BorderPane() {{
setLeft(new Label(title) {{
getStyleClass().add("title");
setRight(new Label() {{
getStyleClass().add("value");
textProperty().bind(valueText);
getChildren().add(new Slider(min, max * 1.01, 0) {{ // WORKAROUND: 1.01 to work around last label display bug
valueProperty().bind(value);
setMinorTickCount(4);
setMajorTickUnit(max / 4);
public void addOSD(final Node node) { // id of node is used to distinguish same items
String id = node.getId();
for(Node child : playbackStateOverlay.getChildren()) {
if(id.equals(child.getId())) {
Timeline timeline = (Timeline)child.getUserData();
if(timeline.getStatus() == Status.RUNNING) {
timeline.playFromStart();
return;
final StackPane stackPane = new StackPane() {{
getChildren().add(node);
setPrefWidth(playbackStateOverlay.getWidth() - playbackStateOverlay.getInsets().getLeft() - playbackStateOverlay.getInsets().getRight());
node.opacityProperty().set(0);
final Group group = new Group(stackPane);
group.setId(node.getId());
stackPane.setScaleY(0.0);
final EventHandler<ActionEvent> shrinkFinished = new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
playbackStateOverlay.getChildren().remove(group);
final Timeline shrinkTimeline = new Timeline(
new KeyFrame(Duration.seconds(0.25), shrinkFinished, new KeyValue(stackPane.scaleYProperty(), 0))
final EventHandler<ActionEvent> fadeInOutFinished = new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
group.setId(null);
shrinkTimeline.play();
final Timeline fadeInOutTimeline = new Timeline(
new KeyFrame(Duration.seconds(0.5), new KeyValue(node.opacityProperty(), 1.0)),
new KeyFrame(Duration.seconds(2.5), new KeyValue(node.opacityProperty(), 1.0)),
new KeyFrame(Duration.seconds(3.0), fadeInOutFinished, new KeyValue(node.opacityProperty(), 0.0))
EventHandler<ActionEvent> expansionFinished = new EventHandler<ActionEvent>() {
@Override
public void handle(ActionEvent event) {
fadeInOutTimeline.play();
Timeline expansionTimeline = new Timeline(
new KeyFrame(Duration.seconds(0.25), expansionFinished, new KeyValue(stackPane.scaleYProperty(), 1.0))
group.setUserData(fadeInOutTimeline);
playbackStateOverlay.getChildren().add(group);
expansionTimeline.play();
public static class Player {
private final IntegerProperty volume = new SimpleIntegerProperty(50);
private final DoubleProperty rate = new SimpleDoubleProperty(1.0);
public IntegerProperty volumeProperty() {
return volume;
public DoubleProperty rateProperty() {
return rate;
} -
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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<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">
<!--
.style6 {color: #FFFF00}
.style7 {font-family: "Bodoni MT"}
.style8 {
color: #FFFFFF;
font-size: 16px;
.style13 {font-size: 16px}
.style14 {color: #FFFFFF}
.style15 {color: #FFFFFF; font-family: Arial;}
.style16 {color: #FF9900}
-->
</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 -
Hello DW people -
Trying to use the Spry behaviors in CS3. I need to put 200
photos on a commercial site I'm building and I want the photo to
start small on the page and grow on mouseover . I think the spry
behavior is close - but it puts the starting size of the photo as
100%. How do I set it so the thumbnail is the starting size? I have
to get this site delivered soon and this is my last puzzle.
Right now, the behavior goes: 100% onclick 25% to 100% -- so
it's big, then little, then bit.
I just want 25% on mouseover - 100%. Just little to big.
If I can't figure this out, I'll have to purchase a gallery
or use popups. Spry would be way sexier.
Thanks!
CathyHow did you figure it out?
I use onLoad first to set the right size, the onClick Grow
for the effect. -
I don't gedit... I've applied 2 Set Speed Behaviours of 50% to a clip: the 1st one to the first 18 frames and the 2nd one to the last 15 frames. The clip's original duration of 00:00:05:21 is unchanged after applying the set speed behaviours. I was expecting that the duration would increase by 33 frames (18 + 15). I have not used ease in or ease out (they are set to 0). I have not blended the frames or used Optical Flow. When I scrub through the clip frame by frame, I can see that Set Speed has duplicated each frame, which is what I expected. But if it's doubled the frames and not increased the overall duration, surely something must have been dropped? The clip ends at the same place.
The clip's original frame rate is 25fps and the format is HD Blackmagic 10 Bit, 1920 x 1080, progressive
Can anyone explain why there is no frame rate change please. I've spent a couple of days searching to try to find a discussion on the Set Speed behavior in Motion 3 but haven't found anything that goes into the frame rate implications.Good question as I originally imported the clip as project to ensure I had the right settings. This did create a project duration of 00:00:05:21, so I changed it in the Project Properties dialogue to 00:00:10:00. I then applied the 2 Set Speed behaviours and RAM previewed all. After frame 00:00:05:21 the remaining frames are black - ie the clip still ends at 00:00:05:21 even though the project's duration is 00:00:10:00.
-
MDIFrame\Sheet behavior question
I'm using PB 11.5 and I've modernized the classic PB menus to appear more web-like in our applications. Instead of embedding the menu on the frame's menuname property. I have a user object on the Frame's workspace along with the MDIClient that calls each of the menu objects like popup menus.
We've had good response from this approach, however a user questioned the behavior of the sheets when clicking on the menuitems generated by the "mergeoption = windowmenu!" setting. These are provided by PB via the Menu Merge Options ( SyBooks Online )
When the menu is set on the frame via menuname and the user clicks on one of these menuitems to enlarge a minimize sheet, the sheet returns to it's previous pre-minimzed state.
When a popup menu is used and the user clicks on one of these menuitems to enlarge a minimize sheet, the sheet remains in it's minimized state.
In both cases if the windows are in any other state these menuitems work the same, the behavior only seems to differentiate when the sheets are minimized.
I've considered writing a workaround, however, each of the windows functions will not restore a sheet that is in a minimized state. Closing and re-opening seems like the only possibility and we are not considering this option.
Questions:
1. Any known reason for this behavior?
2. Any other options to consider as workarounds?
Any input would be useful.
- MikeYes - Change Properties will do that. But why?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"fastboat100" <[email protected]> wrote in
message
news:gmtj7m$qut$[email protected]..
> Is it possible to change the z order of layers with a
behavior?
>
> I cant figure it out! Any help would be appreciated!
>
> Thank You! -
Help needed with Spry Grow/Shrink Query!
Dear All,
I am attempting to use the new spry effects in cs3 to grow (
and the optionally shrink) a city map for users.
My difficulty is that if you use an image at the correct 100%
size, but want to grow it from 10%, the 100% image displays as
default when you load the page, then once clicked it reszies up
from 10%.
I cant use a 10% image as my start point, because then the
'grown' map is illegible.
Any tips?
Cheers
SiUse OnLoad with grow and set both size fields to 10% with
milliseconds set to 0
Then onClick toggle grow from 100% (don't know why) to the
Pixel size you want for the second field. -
I have set the effect through the BEHAVIORS to start off at
150px and when clicked, grow to 600px. The porblem is when the page
loads, the image starts off at full size instead of 150px. How do I
get it to start off at 15opx like it is set to do?That does not work either. I have an image that is 500px wide
(100%) I want it to start at 20% so I sized it down using the Width
and Height in the Properties panel. So it starts at the set size
and does even smaller.
I am applying the effect to the IIMG tag.
Thanks,
Houston
Maybe you are looking for
-
How do I share my iTunes library with my mother, but not on our home network?
How do I share my Itunes library with my mother, but not on our home network?
-
Routing Experts please help with below LAN routing issue with NAT
Hello Experts, I have a weird situation and requirement. The existing setup is - We have email/ticketing server hosted in the LAN which is reachable on the publicly NAT'ed IP with respective port numbers of 89 & 443. We have LAN & servers on the same
-
MSI GE40 adding HD and switching from AHCI IDE causes windows 8 to fail
Hello, I removed my DVD from my ge40 laptop and added a caddy with a 1tb serial ata III hd 7200 rpm. Not happy, I went in the bios and changed the sata from AHCI to IDE. This caused windows to not being able to boot twice, and from that point it alwa
-
Illustrator (CS6) - unable to save, unknown error
We've been experiencing an issue with saving illustrator files (as .ai). The error message is "unknown error occurred" when attempting to save. Things tried already: delete preferences file uninstall/re-install CS6 standardize all fonts to arial save
-
I want to delete an alias email address which was created in mobile me. It appears when I invite attendees in iCal. The alias is not recorded in my iCloud mail preferences. Where is it?