I'm trying to work out how to set up a web page that shows a series of four images one after the other, with a fade-out in between. This is the sort of thing that I have in mind:

 I've done a lot of HTML, and some stylesheets but I've never done any javascript. 

I'm a stay-at-home-mum and I'm looking into this in case it's something that I could do to help out my local primary school who want to revamp their website. I'm keen to keep the html as simple as possible.

I wondered if you might be able to point me in the direction of a tutorial or how-to, or at least let me know where to start on the documentation? 

Thanks a million in advance for your help. 

Best wishes

jsp