javascript y css no funciona class ni classname

[franjgg]

Hola como estan, miren mi cuestion es la siguiente tengo esta funcion.

La cosa es que me gustaria acceder a cada una de esas imagenes desde una hoja de estilos.


if (document.images)
{
pic1on= new Image();
pic1on.src ="app_themes/theme001/images/2.jpg";
pic2on= new Image();
pic2on.src="app_themes/theme001/images/2.jpg";
pic3on= new Image();
pic3on.src="app_themes/theme001/images/2.jpg";
pic4on= new Image();

pic4on.src="app_themes/theme001/images/2.jpg";
pic5on= new Image();
pic5on.src="app_themes/theme001/images/2.jpg";
pic6on= new Image();
pic6on.src="app_themes/theme001/images/2.jpg";


pic7on= new Image();
pic7on.src="app_themes/theme001/images/2.jpg";
pic8on= new Image();
pic8on.src="app_themes/theme001/images/2.jpg";
pic9on= new Image();
pic9on.src="app_themes/theme001/images/2.jpg";



pic1off= new Image();
pic1off.src="app_themes/theme001/images/CornerleftTopImagePicker.png";
pic2off= new Image();
pic2off.src="app_themes/theme001/images/CenterTopImageMPFImage.png";
pic3off= new Image();
pic3off.src="app_themes/theme001/images/CornerRightTopMPFImage.png";

pic4off= new Image();
pic4off.src="app_themes/theme001/images/SideLeftTitleMPFImage.png";
pic5off= new Image();
pic5off.src="app_themes/theme001/images/1.jpg";

pic6off= new Image();
pic6off.ids = "hover";
pic6off.src="app_themes/theme001/images/SideRightTitleMPFImage.png";


pic7off= new Image();
pic7off.src="app_themes/theme001/images/sw1.png";
pic8off= new Image();
pic8off.src="app_themes/theme001/images/CenterBottom.png";
pic9off= new Image();
pic9off.src="app_themes/theme001/images/w15.png";
}