im making a webpage and it loads good, but, its supposed to have rollovers
but when mouse is over a button take a little bit to load, and thats fine but then like try to reload the over_files of the other buttons and that happen in the others too... so u cant see really the effect of rollover, it works locally but no when i upload it...maybe im not explaining it well but here it is the link
maybe u can advise me better http://www.hamelius.com/home1.htm
The speed of your rollovers are directly affected by your design. You have included unnecessary graphics in your buttons. The yellow area etc can be made into a background that tiles instead of a part of the button. Also the shadow of the button could be reduced a bit to allow a smaller button.
Also if you save them as a smaller file bytes-wise this will also speed things up.
Optimum has right, ther is too much graphics included with the buttons and personally i think the buttons are too big/heavy but its because you have the shadow effect on it. and maybe trim the filesize a bit, gfx is 115kb...
Who's to doom when the judge himself is dragged before the bar
I'm not sure it matters but why use a preload function? This is what I use and it seems to work fine...
var outImgArray = new Array()
outImgArray["design"] = new Image(105,65)
outImgArray["hosting"] = new Image(105,65)
outImgArray["design"].src = "images\\designimg_out.jpg"
outImgArray["hosting"].src = "images\\hostingimg_out.jpg"
var inImgArray = new Array()
inImgArray["design"] = new Image(105,65)
inImgArray["hosting"] = new Image(105,65)
inImgArray["design"].src = "images\\designimg_in.jpg"
inImgArray["hosting"].src = "images\\hostingimg_in.jpg"
document.images[imgName].src = outImgArray[imgName].src
document.images[imgName].src = inImgArray[imgName].src