I did an interface in Photoshop and then sliced it up and did multiple rollovers in imageready (ie you put your mouse over a button and it links to two text anims on a different part of the interface, 1 which lasts half a sec and 1 which lasts 1 sec). This all worked very well when testing.

I then loaded it up into dreamweaver, where the rollovers also worked very well.

They worked until I made the page into a template. They then didn`t work at all.... in fact when I put the mouse over a button the `over` button gif was not to be found (hence a broken graphic), and the two anims linked to the rollover were gone as well.... just empty spaces.

But all the images are in the folder, and the javascript is still in the page. So how has making the page a template in DW killed my multiple rollovers?

Any help appreciated as I`m putting on my war-paint and listening to `flight of the valkyries` as we speak <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

After further extensive investigation (and a tip-off), it seems that DW bastardizes the code that points to where the image is stored, and even though the images are all stored in the `images` folder (which it knows), it seems to have lost it`s mind and ignored them...

Imageready etc all say "images/whatever.gif" in all the code (javascript and html). Cool.

DW after you apply a template says: "images/whatever.gif" for the javascript stuff, but changes all the html to "file:///G:your_folder/images/whatever.gif" (where `G` is your hard drive partition).
It sends the code off to find the image the LONG way around, which isn`t exacly healthy when you publish the site. Apart from that, it can`t find the `images` folder by the normal "/images/whatever.gif" .

Don`t know why. Maybe someone could enlighten me.

It seems to be looking for the images folder from the `template` folder, so the fix is to put "../" in front of all the text for "images/whatever.gif" . The "../" tells DW to look a folder above the `template` folder, where it will find the `images` folder, and then `whatever.gif`.

Sheesh.

Shouldn`t have spoken so soon....

As soon as I did the next steps.... defined editable area`s, did a page and attached it to the `main content` area of the template like Colin says in the book "From Photoshop to DW"..... the new page ("contact.html" btw) was great except the case of the missing rollover images was back. Yikes!

And now the interesting part. On the code of the `contact` page (including the template interface code etc), the pointers for the images I put in ( "../" ) have all gone, EXCEPT for all the rollover images, which still have them. Now, because this is the `contact.html` page looking for those images, it can see the ones within it`s own level (as the images folder is on the same level as the site pages), it can find everthing except the stuff that`s telling it to go one layer up (ie the rollover images). I can`t edit this code by hand for some reason though.

DW seems to modify the pointers for the images, but totally ignores the javascript image pointers.

Hay-elp!