First, can you tell me the file structure of your site?
/css css files
/edge_includes edge files
/pages HTML pages
I'm asking for a couple of reasons:
1. having a rollovers folder instead of/outside of an images folder.
2. To see if you have all the Edge folders in their correct place.
Edge, by default, uses an image folder to find the images it needs. Unless you change this (possible but a pain) you should have an images folder.
It seems a bit strange to have a folder called "rollovers" and not within an image folder (nothing wrong with it, just a bit different). Make sure this folder still exists and that the nav images are in there.
Edge would not have done anything with your other images. In fact, all the other images appear to be working on the other pages of your website, with images (no nav though).
One last thing - You have the Edge animation embedded in an objects tag, not a div tag. Try changing that and see if it helps :-)
Thanks so much for your detailed response.
What complicates my issue is that I did not create this site from scratch. I'm making revisions to someone else's work.
So I don't think I have a clearly defined root. The file structure is similar to what you've outlined. Edge_includes is in there; images folder, of course; and there is a separate folder for rollovers.
Regarding the animation's embedding: I'm not that swift with HTML coding. Would putting it in a div tag just require preceding it with
and enclosing it with
? Does all the other coding look correct, that which is necessary for an Edge animation? The Adobe Help page I read outlined all sorts of supposedly required coding that I'm not even sure where it goes.
The ultimate goal is to get this non-Flash animation working on the home page so that it will be visible on iPads.
May I ask what method you used to insert your Edge Animate project into Dreamweaver?
I placed the cursor on the page and clicked on the Insert Edge Animate Composition button in Dreamweaver CS6.
Did you try shadowfax007's suggestion of embedding the Edge Animate project inside an enclosing <div>? To answer your above question: Yes, all you should need to do is write <div> </div> and then click in between the two tags to embed.
Could you post your source files? We may be able to troubleshoot it from there if you post your root files.
Do you mean post a screen shot of what's on the FTP?
No I mean post a link to download a .zip file containing all of the source files inside. If you use Creative Cloud it's easy to upload a .zip file and set it up for download. If you need help compressing the files into a .zip I can provide further instruction if that helps. : )
Just to be clear: create a compressed folder containing the html, images folder, edge_includes, css, etc. for the home page?
Create a compressed folder with the entire site root folders inside (i.e. everything you would upload to your server for your website). What I usually do is just make a new folder and put everything inside of that and then zip that folder:
-edge animate files, etc.
Ok, I've got this working for you. you can download the "working" project here:
Here's a link to see it working:
A few things:
First, I "optimized" both your images and rollovers folders. Images folder saved about 2.5mb out of 18.9mb
Rollovers folder saved about 100k from 207k :-)
The new folders are called images_new and rollovers_new. If you want to use the optimized images, you can use the entire folder I uploaded and just change the name of the folders to "images" and rollovers".
Next: You had two things going on. First, you were calling an older version of the animation (the Edge ID was different).
Second, I just enclosed the second call into a <div</div> tag from an object tag. Now everything is working for you :-)
You should be all set to go!
Wow, thank you so much, James! This is great.
Now for the tweaks: how do I position the animation? It should butt the log and be centered beneath it.
In the <td> tag that surrounds the div tag, replace it with this:
<td height="181" width="1044" valign="top" align="center">
That will center the animation.
As for butting it against the nav, play around with some of the height tags - there is something pushing it down :-)
I'll try that.
Thanks again, James,