Getting Quote Boxes To Fade

[SteveG36]

Hi there,

I've just created some changing quote boxes in Java and I am ahppy with the layout and the speed of change etc...

But I would like to make them fade in and out instead of just changing the way they do.

Does anyone know what I need to add or what I need to do to the script to make this happen?

Many thanks in advance.

Steve

[SteveG36]

It would also help if I added the url...

http://www.moss-consulting.com/new/index_layer.html

[chicgeek]

Can you show us what you have? Or an example of what you are emulating?

Edit: Neeevermind

Are you implying the right box?

[SteveG36]

Hi - not sure what you mean by implying the right box...

The quotes are on a separate page set in an IFrame. The url for the quotes page is..

http://www.moss-consulting.com/new/quotes.html

[JamieJelly]

if you want some fading action, you may want to check out scriptaculous javascript library.

http://script.aculo.us

[SteveG36]

Thanks. It looks like a useful site. But unfortunatley it's not going to provide me with the one line of code that I need to make my quotes fade in and out....

[chicgeek]

... Have you looked?

[SteveG36]

Originally Posted by chicgeek

... Have you looked?

Sure I've looked... I just spent quite a bit of time on the site...

[imaginemn]

You need some type of fade effect function. Here is an example. This should give you an idea on how to inegrate both scripts together to make it work.

<script language="JavaScript1.2">
hex=255 // Initial color value.

function fadetext(){
if(hex>0) { //If color is not black yet
hex-=11; // increase color darkness
document.getElementById("sample").style.color="rgb ("+hex+","+hex+","+hex+")";
setTimeout("fadetext()",20);
}
else
hex=255 //reset hex value
}

</script>

<div id="sample" style="width:100%"><h3>slowly fade into view</h3></div>
<button onClick="fadetext()">Fade Text</button>

[SteveG36]

Originally Posted by imaginemn

You need some type of fade effect function. Here is an example. This should give you an idea on how to inegrate both scripts together to make it work.

Many thanks for this. I appreciate your time and trouble.

I'm happy to say I have cracked the job now. You can see what I did in the source code.

http://www.moss-consulting.com/new/index_layer.html