For the images in the gallery (five at a time, right now compiled into one large image) I have the following HTML code:
There are transparent layers on each side to cover the images not currently in the center.
I would like to have each of the five images as separate CSS background images (faster load, easier managing, better image quality...) and not, as they are now, embedded in HTML, but I don't know how to do it without ending up having to use a separate CSS class or ID for every single image. How exactly would I reference the images in a simple way (maybe I have to just number them and put them in different folders, one per page, but how...)?!