Graphics Reference
In-Depth Information
with a background image that seamlessly repeats in tiles. Edge Animate does not
offer a solution for the specific function, so we need to use the
css()
function.
Figure 5.18
A tiled background using CSS
To do this, we first copy our background image (background.png) in the im-
ages subfolder of our composition. Draw a new background area as a rectangle
on the Stage; name the element “box,” and you can assign the background im-
age with the following action. For this we use
sym.$("box")
to get a jQuery
reference to the DIV container you created earlier. We can then call the function
css()
for this reference, which takes two arguments. The first argument is the
CSS property you want to change, and the second is the value you want to set.
4
Project
The files for this example can be
downloaded from http://edgebuch.
simonwidjaja.com
Project Name:
Interaction_ModifyCSS
sym.$("box")
.css( "background-image",
"url(images/background.png)"
);
