[SOLVED] Overlayed blogtitle
 

Hi there,

I had a blogtitle floating over the headerimage which was there all the time even when the headerimagelogo randomly changed. After activating th elatest version of Atahualpa, the title is there when you start up the website, but direct after refreshing the headerlogo, it disappears.

In the Overlayed Blog Title/Tagline Style I have the following style;
margin-top: 60px;
margin-left: 100px;
padding: 10px;
background: #ffffff;
filter: alpha(opacity=80);
-moz-opacity:.60;
opacity:.60;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

What do I do wrong?

Thanks André

As a test try different settings for the rotation and fading of the header image. Also can you supply a link to your site?

I'll bet you have fade in/out turned on.

Take a look at this thread http://forum.bytesforall.com/showthread.php?t=16478

The problem is that after upgrading Atahualpa to the latest version, my fading in/out is dissapearing.
So, in such case you play a little with the setting and yes I turned on fade in/out.
Switching it off, displays constant the overlayed Blogtitle.

However now I still got the problem of not having the fading headerimages. I really do not know how I did that the last time. Can you give me a hint?

Check the sticky in the 'Header Configuration' forum

Hi Juggledad,

I found it in an old thread. Changed js.php and now it is back to where it was. Thanks.

// 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:abso lute;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