Nigel
I Maybe able to help with the transitions in the header I have on and off been playing with WP and the same theme, and didn't like the transitions.so did a bit of research and found this jquery snippet which fades to the next photo
Works pretty nicely too
What you need to do is edit js.php at line 61 comment out this line, just add // at the start of the line
Code:
window.onload = RotateHeaderImages;
then add this
Code:
// Smooth fading code starts here
var fadeInSpeed=2500; // ms
var fadeOutSpeed=2000; // ms
function PrepareRotatingImages() {
if (document.body){
if(HeaderImages.length < 2)
return;
imageContainer = jQuery('#imagecontainer');
imageContainer.css("background","none");
for(i=0; i < HeaderImages.length; i++) {
imageContainer.append("<div id=\"himage" + i + "\" style=\"overflow:hidden;display:none;position:absolute;top=0;left=0;width:100%;height:<?php echo $bfa_ata["headerimage_height"]?>px\"><img src=\""+HeaderImages[i]+"\"/></div>");
}
jQuery("#himage"+j).fadeIn(fadeInSpeed);
SmoothRotateHeaderImages();
}
}
function SmoothRotateHeaderImages() {
fadeOutImage=jQuery("#himage"+j);
j+=1; if(j>(HeaderImages.length-1)) j=0;
fadeInImage=jQuery("#himage"+j);
fadeInImage.fadeIn(fadeInSpeed);
fadeOutImage.fadeOut(fadeOutSpeed);
t = setTimeout('SmoothRotateHeaderImages()', <?php echo $bfa_ata['header_image_javascript']; ?>000);
}
window.onload = PrepareRotatingImages;
// end smooth fading
You can amend these 2 lines to vary the fade in fade out timings
Code:
var fadeInSpeed=2500; // ms
var fadeOutSpeed=2000; // ms
Save it and reload your page and all should be good
If you need any more info on this give me a shout