The simple effect I'm ultimately after is this:
- load an image in the centre of a web page
- have the image slide across to the left
- then start loading other text and images around it
I don't mind how many separate web pages are required to do this, or how many separate images, but I'd like to know what my options are. I am more programmer than graphic designer, so maybe I'm searching using the wrong technical terms. Maybe "animation" is too grand a term for so simple an effect, but "slide" has other connotations in this context, and between those two things, I'm struggling to find a clear way to a clear answer. I would ultimately like to understand things like:
- Can the above task be achieved with one image on one page, in HTML, without scripting?
- Does HTML only support "static" elements that appear on screen, and never change their position? If that is the case, does all animation therefore rely on either having (static) elements with dynamic content, or repeatedly loaded/rendered static elements which give an appearance of movement?
- How widespread is browser support for the various animation options?
So as the original question suggests, maybe a tutorial would be good. I haven't found a decent one of those yet either!