mouse over image swaps - rubbish?!

[homerUK]

Has anyone noticed that the mouseover image swap method seems to be very poor? Is it just my browser or my coding?!

eg: www.windsorceroc.co.uk/index.shtml

that page has roll overs on the left and one with the images at the top - but its sooooo slow to change!!

any suggestions as to other methods?!

[ronaldb66]

Must be your machine, then; to me they look pretty zippy. Very fast, even. Nice, by the way, the header effect.

[finstah1]

looks good but a little note.

top ones work in Opera left ones don't

left ones work in NN4, NN7, Mozilla top ones don't

both work fine in IE

[bradyj]

Seems ok to me -- maybe it's just the time it takes to preload those images? You can always do a CSS version too, but I don't think that would be any faster at all, it may be a bit slower.

[]|V|[agnus]

this or some variation thereof is a very slick way of achieving what you seek: http://wellstyled.com/css-nopreload-rollovers.html

true, it's the presentation layer (CSS) handling something that by all right ought to be a behavioral (typically JavaScript) task, but it's a pretty efficient way of handling this type of simple task. i'm a big fan of it, personally.

[newkid]

bradyj
You can always do a CSS version too, but I don't think that would be any faster at all, it may be a bit slower
Why would that be ?

J.C.
To lean is a good thing and today I will learn something new!

[bradyj]

Sometimes I find that the CSS graphical shift comes off a bit slower in IE -- don't know why, but it tends to not give you the background movement in a quick way -- sometimes shows up as a white pause. It's very subtle, though -- and doesn't seem to happen in other browsers (of course) -- atleast from my experience. However, the benefits of using the CSS graphical shift are enormous compared to the javascript version... and doing it without graphics at all is better, but not always exceptable. I did one recently, you can try it and see (very image intense site here):
http://www.igotyourhouse.com

Because of the LARGE CSS file here, it's not always best to do it this route. A simple CSS menu would have been best.

[canadianjameson]

just a design comment

when a user clicks on a link, i would make that links corresponding Rollover inactive (i.e keep it Beige) so that users know where they are. This would replace your "You are here" line, and make the page look sleeker.

[]|V|[agnus]

brady, could you recreate this supposed IE lag with the Pixy rollover method? i'm not sure i understand what you're talking about, and i wonder if it is because of a seperate conflict not related to the technique itself.

[bradyj]

No -- it is a seperate conflict, not a conflict with Pixy's method. Only in IE do I find a flicker -- and since mine shifts the text (and that post specifically has absolute positioning), I imagine that might be a problem area. Again, though, i've noticed it only on some occassions -- and have had complaints from some users -- it's just in my experience and I could be waaay to picky about it.

[]|V|[agnus]

Hmm. I still don't understand what you're talking about..