[finbarr]

When I did the initial designs for this client the main banner image was going to be static but changed from page to page. Now just before build the client has requested that the images swap intermittently on each page. I cant honestly see how it would be done with flash because of the opacities and overlays involved but could it be possible with Javascript? Using z indexed divs or png opacity for the header and main content area?

Just need some reassurance really that its not going to be a complete fu**ing nightmare... as if it is I'll nip the idea in the bud and tell the client it will require some sort of redesign (although I want to avoid that if poss)

any advice appreciated as always

Soory about the attachment but dont have any other means of showing it right now

[cam]

It could be done with javascript, just get it to change background images every so often (making the transitions smooth would be another matter). Flash would possibly be an option where you position the content ontop of the movie. One thing though - is having a background image underneath your content really such a good idea in the first place, nevermind having it animated? It already obscures the main navigation and opening times

[datahound]

tell them it's a stupid idea,

you can do it but it will cost loads more,

don't be so poncy no one really cares,

or maybe not .

very nice work BTW

[weldo]

I ended up with a javascript banner rotation thingy that can run randomly or in sequence - and it has nice fading transitions between images (IE only)

Cost $20 I think - from here : http://www.dyn-web.com/

dunno if thats any use to ya ??

[finbarr]

Originally Posted by cam

It could be done with javascript, just get it to change background images every so often (making the transitions smooth would be another matter). Flash would possibly be an option where you position the content ontop of the movie. One thing though - is having a background image underneath your content really such a good idea in the first place, nevermind having it animated? It already obscures the main navigation and opening times

The design is based on some awful brochure that they've had printed - in it the images take up the majority of the page. They said it had to reflect that so I tried to fit the effect in as best I could without obscuring anything too much - obviously f**king failed on that front then!

Could you elaborate on the "position the content ontop of the movie" comment? I was under the impression that it wasnt possible or that certain browsers dont display it as they should?

Originally Posted by datahound

tell them it's a stupid idea, don't be so poncy no one really cares

haha... I know its a stupid idea - its getting them to see that. Have I started to sound poncy? Fuck me - didnt mean to was only refering to the fact that I dont actually want to spend time doing a redesign.

edit: cheers weldo... it may be of use as the market is predominantly ie according to the client

[datahound]

No that was part of my words for you to forward to them, must use speech marks. Generally I would never call anyone in here poncy (to their face).

[stickmus]

Is that all one large background image? If it's not it'll be pretty tough to do.

It's easy enough to do transparancy fades in ie/safari/mozilla, but background fades is another matter as the transparancy works on the element rather than just the background. A slide effect would be easier to accomplish, but wouldn't really work with the faux transparent elements.

In other words, I think I'm saying flash would be best if you can get it to work behind the content.

[finbarr]

Originally Posted by datahound

No that was part of my words for you to forward to them, must use speech marks. Generally I would never call anyone in here poncy (to their face).

Okay, got you now. Although I would possibly steer away from using that term to the client also

[finbarr]

Originally Posted by stickmus

Is that all one large background image? If it's not it'll be pretty tough to do.

It's easy enough to do transparancy fades in ie/safari/mozilla, but background fades is another matter as the transparancy works on the element rather than just the background. A slide effect would be easier to accomplish, but wouldn't really work with the faux transparent elements.

in actual fact I was thinking along the lines of incorporating the transparent effect into the actual images (see attached) - then just aligning them with css to work into the page - and swapping with JS. I think that'd be a simple solution, wouldnt it?

[mike_m]

if you're talking about just swapping a css bg like the above say every 10 seconds or something, delve into some ajax - would be good to avaid massive load times too

[finbarr]

didnt want to start a new thread as this new question is relating to the same job:

Does z-index only work with positioned (relative/absolute/etc) divs? Anybody got any decent liks to explain the process?

[stickmus]

Was a good explanation on that 24ways site:

http://24ways.org/advent/zs-not-dead-baby-zs-not-dead

ajax

? No ajax needed to swap a background image that I can think of.

[finbarr]

Originally Posted by stickmus

Was a good explanation on that 24ways site:

http://24ways.org/advent/zs-not-dead-baby-zs-not-dead


? No ajax needed to swap a background image that I can think of.

cheers S... 24 ways is one of my bookmarks but didnt remember seeing that on there - probably didnt think I'd ever use it so ignored it.
I've worked out the prob anyway now. I wanted a footer to stick at the bottom of the page/browser but the div above it was being taken out of the doc flow by absolute positioning. This meant that when the browser window was resized the footer moved up past the div above it (not exactly what I wanted).
Changed the position to relative and its eh ok now

[finbarr]

anybody know of a decent fade-in/fade-out image swap script (javascript) tutorial that I can use on this project?

cross-browser compatible preferably

[Dusteh]

You could try this? Not used it myself... just a bookmark I had.

http://javascript.internet.com/misce...lide-show.html

[finbarr]

Originally Posted by Dusteh

You could try this? Not used it myself... just a bookmark I had.

http://javascript.internet.com/misce...lide-show.html

Cheers D... I knew there was one out there but couldnt find the bugger no matter what I tried