Join Chris Converse for an in-depth discussion in this video Adding images to your project, part of Create a Homepage Marquee with Edge Animate.
- View Offline
- Exercise Files
Now that we have our composition created in the myMarquee folder on the desktop, what…we are going to do here is add our images into the myMarquee folder.…Edge Animate is always paying attention for this particular project to this myMarquee…folder, very much the way a web browser looks at a particular directory on your computer or on a server.…So inside of the myMarquee folder, let's come in here and create an images directory.…With the images directory created, let's come back to the Exercise Files, let's grab panel1,…panel2, and panel3.jpg, or again, you can use your custom graphics that you've created, and let's drag…of these into the images directory.…
So now we have an images directory with all of these JPEGs inside of the myMarquee folder.…Let's switch back over to Edge Animate.…Now, in some cases, Edge Animate will update automatically and you will see those graphics…in the Assets panel. If that's not happening for you--which, it's not happening from either--…let's close the marquee.html file.…
- Setting up your project
- Creating buttons and converting them to symbols
- Animating symbols
- Detecting a mouse rollover on the stage
- Creating custom interactions with jQuery
- Styling buttons and navigation elements with CSS
- Creating a rollover effect with jQuery
- Adding and removing custom debugging code
Skill Level Intermediate
CSS: Transitions and Transformswith Joseph Lowery2h 25m Intermediate
1. Setting Up Your Project
Animating the panel artwork3m 55s
2. Creating and Animating Symbols
3. Setting Custom Variables and Functions
4. Creating and Linking the Navigation
5. Creating Custom Interactions with jQuery
6. Linking the Caption Buttons
7. The Final Details
Removing the debugging code1m 14s
Where to go from here1m 26s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.