Woah, time has been running slow.. or you and oli haven't been that active other than them 2 weeks. They should let me in this coding community.
-----------
This fading method isn't that good, so I'd probably look into jquery fading.
function changeOpacity ( id, opacStart, opacEnd, millisec )
{
var speed = Math.round ( millisec / 100 );
var timer = 0;
if( opacStart > opacEnd )
{
for( i = opacStart; i >= opacEnd; i-- )
{
setTimeout ( 'changeOpac(' + i + ",'" + id + '\')', ( timer * speed ) );
timer++;
}
}
else if( opacStart < opacEnd )
{
for( i = opacStart; i <= opacEnd; i++ )
{
setTimeout ( 'changeOpac(' + i + ",'" + id + '\')', ( timer * speed ) );
timer++;
}
}
}
function changeOpac ( opacity, id )
{
var object = document.getElementById( id ).style;
object.opacity = ( opacity / 100 );
object.MozOpacity = ( opacity / 100 );
object.KhtmlOpacity = ( opacity / 100 );
object.filter = 'alpha(opacity=' + opacity + ')';
}
To change the opacity of an object basically you call this func:
changeOpacity ( 'id', 0, 100, 500 );
Red -> The ID of the object, say we called the ID 'Bob'
<div id="bob"></div> (doesn't have to be a div btw.)
Orange -> Start opacity, say you want to fade from 0% (cant see)
Blue -> End opacity, you want the end result to be 100% (you can see)
Pink -> The amount of time you want the fade to go on, in milliseconds ( 500 = 0.5 seconds.. 1000 = 1second
Any problems, post your reply.