[Moderator note: I'm closing this thread - the explaination has been moved to 'HOWTO: create fading header images ' (http://forum.bytesforall.com/showthread.php?t=6921)]


Want to cross-fade (gentle fade in/out) the multiple header images instead of the harsh image rotation.
Has anyone done this? Alternatively could create a flash header myself, but then where would I place it? Thanks for any clues...

see http://forum.bytesforall.com/showthread.php?t=1197

thanks for that - nearly have it working but I do not know where / how to do this as suggested:
add css...
#sbsl6_1 {
width: 100%;
}

I tried adding it in the css inserts section of the theme options, but no effect. Here is the site so far...
www.danielcohan.com

you can see that the fading image is working fine, but site at the top of the page instead of where the original header is/was... I think this is the same problem you were having?
any help appeciated ...

if you look in the generated code you have

//<![CDATA[
var sbsl1_1 = {
	params : {
		wmode : "opaque"},
	flashvars : {

so you want to use sbsl1_1

So exactly in what file and where in this file should i place what code to get a smooth transition with the header images? (Without using NextGen gallery)

Is anyone familiar to the library code jQuery and the extension InnerFade (jQuery InnerFade) If so, would it be possible to create a new script for the imageheader so that the pictures shown are faded. (I am not a programmer my self, but got a tip from a friend that is)

I love this clean and neutral yet nice and powerful theme for Wordpress and would appreciate faded images in the header. I would donate if i knew this will be in the very near future version of this theme, or as an "hack/tweak"

Hello!
I just implemented a jquery solution.

You can download a few lines of code from http://jlkonsultab.se/files/smoothfading.txt

Paste the block of code into .../atahualpa/js.php (see file above for details).
Don't forget to comment out the original "window.onload ..." line

Disclaimer: I'm no jQuery expert so there may be better ways to implement it... anyway it works in Firefox!

best regards Johan

fading header images....this is probably a question that will have the pros rolling their eyes. Want to insert the code but where is
window.onload = RotateHeaderImages;
// Smooth fading code starts here

well the 'window.onload = RotateHeaderImages;' is in js.php

Originally Posted by juggledad

well the 'window.onload = RotateHeaderImages;' is in js.php

Juggledad

Managed to get all that bit working fine and it looks great, however I am struggling to integrate the rounded corners now that I have that running it seems the new fading image is sitting above the old image container that has the rounded corners.

Any ideas?

Regards

Nigel

well, I edited the js.php file but no fading images. Looks just the same. What did I leave out? and I just donated,and will again when this is solved. thanks

Did you delete or comment out line 61 [window.onload = RotateHeaderImages;] from the js.php?