> <script type="text/javascript">
> document.observe("dom:loaded",
>   function ShowEffect(){
>       new Effect.Appear(Show,
>       {duration:3});
>   }
>   </script>
> </head>
> <body>
> <div id="content">
>    <img  src="images/logo3.gif" style="display:none" name="show" id="show"
> alt="" />
> </div>
> --

Quite a few errors there, first off you are naming the function, you
cannot do that if you are using a function literal.  Secondly for
Effect.Appear you are probably best off using it directly on the DOM
element after it's been extended with $().  And lastly your braces and
parentheses are incorrect.  The following should work (though I
drycoded it).

document.observe("dom:loaded", function() {
   $('show').Appear({ duration: 3.0 });

I'm not 100% sure that Effect.Appear will work properly with an inline
style like that, if not then remove the inline style and call the
document.observe thusly to hide it before rendering and then fade it
in over 3 seconds:

document.observe("dom:loaded", function() {
   $('show').Appear({ duration: 3.0 });

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to