I'm all very new to this -- even Javascript -- and I want certain objects on the page fade in as the page loads.

Well, I've worked out one way how to do it: I've installed script.aculo.us and I know I can make an object fade in by adding:

onload="Element.hide(this); new Effect.Appear(this);"

However, I really would like to be able to assign a class to objects (rather than tag every object with the JS, so that when the page loads all objects with that class fade in as they're finished loading I want to mainly use this for images. I just don't know what to do to get this done.

Is there any working sample or demo around that I can have a look at, or
can someone post some relevant code?

Or should I even approach it differently?
I'd be grateful for any help. Many thanks.