Hi, You might have missed it in the article, I sure did, but view the
source of the demo page for the fader you are trying to use. First
after you include the files in the head of your script add this code:
<script language="javascript">
// this array consists of the id attributes of the divs
we wish to
alternate between
var divs_to_fade = new Array('box-1', 'box-2', 'box-3');
// the starting index in the above array. It should be
set to the
value of the div which doesn't have the CSS Display property set to
"none"
var i = 0;
// the number of milliseconds between swaps. Default
is five
seconds.
var wait = 5000;
// the function that performs the fade
function swapFade() {
Effect.Fade(divs_to_fade[i], { duration:1,
from:1.0, to:0.0 });
i++;
if (i == 3) i = 0;
Effect.Appear(divs_to_fade[i], { duration:1,
from:0.0, to:1.0 });
}
// the onload event handler that starts the fading.
function startPage() {
setInterval('swapFade()',wait);
}
</script>
-----------
Then Replace the body tag with this:
-----------
<body onload="startPage()">
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs
-~----------~----~----~----~------~----~------~--~---
