Background Image

[tigger]

We have a client who is wanting us to redesign their current website, but they have had the graphics company who are doing their brochures do the actual design and have given us a PDF file with EXACTLY how they want each page to work.

The thing that is causing an immediate headache is that within the main page they want a large picture to form the background of the middle cell of the table (we use tables rather than layers/divs) which isn't a problem apart from the fact they want this picture fading in & out to another picture. I know this can be done with javascript for images but it has to be a background as there is text to go over the top of it, which obviously has to be html text and not part of the image.

I don't want to use Flash and the only other way I can think of is using JS timer

Does anyone have any ideas how this can be achieved?

[limbo]

Hi Tigger

You could do this with an animated gif - but it's not an ideal solution as the transition might be a bit choppy unless you were happy to have large file size.

I think the Javascript route would be your best bet - there are a load of decent image fade scripts out there - combine it with a little CSS and floating Divs for your content and you'll be away.

I know you don't use CSS (yet) - but this would be perfectly suited to the z-index attribute allowing layering of page elements.

I don't think you can use the z-index attribute on tables - but I may be wrong.

[tigger]

thanks that's the conclusion I had come to