Use a stylesheet to select the images.
I'm not sure how that would be done with CSS.
My goal was to preLoad the images so they would be ready for a quick image swap on a mouse roll-over. Perhaps this is an old-fashioned concept that is not needed with faster download speeds.
I solved my problem by keeping the onLoad event within the body tag, which is, of course, in a non-editable region.
<body onLoad="LoadAllFiles()">
Then, I include the LoadAllFiles() function
within the editableRegion of all pages. For those pages where I want to preload the images, I include the following:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadimages() { //v3.0
[snip some standard code]
function LoadAllFiles() {
MM_preloadimages('../images/Photos/1.jpg','../images/Photos/2.jpg','../images/Photos/3.jpg','../images/Photos/4.jpg', '../images/Photos/5.jpg','../images/Photos/6.jpg','../images/Photos/7.jpg','../images/Photos/8.jpg','../images/Photos/9.jpg','../images/Photos/10.jpg','../images/Photos/11.jpg','../images/Photos/12.jpg','../images/Photos/13.jpg','../images/Photos/14.jpg')
}
//-->
</script>
If the web page has no files that I want to preload I merely insert:
<script language="JavaScript" type="text/JavaScript">
<!--
function LoadAllFiles() {}
//-->
</script>