This is way to complex for what I need..
Yeah. I was looking for a pure CSS solution. Doing it with javascript is certainly simpler (although my way is pretty easy once it’s set up). I’m not a fan of inline JS, and was going for maximum accessibility.
True. I only have 4 galleries on the site, and the images change at most once a year, so it wasn’t an issue for me. For standard image galleries, I just user MaxiGallery.
CSS works for things like this as well, but I don’t usually use CSS for rollovers when there’s a potentially unlimited number of images to swap out. You could, but it would mean that you’d probably want to add CSS code to the head dynamically to set your swap classes to the images on that particular page (since you wouldn’t want to have to add them all to your stylesheet).
I must admit I wouldn’t want all the images to print, as they are only for decoration in this case. But, in fact, the images would print in my example unless disabled in the print stylesheet.
The other disadvantage to most CSS techniques is that they generally use background images, which don’t show up by default when printed from most browsers (we once had complaints about this that forced us to rewrite the entire script).
Most browsers are configured by default not to print background images, so the user would generally need to change that configuration to print them (which isn’t really a big deal, but you know how sometimes a minor detail can become a sticking point with clients).
I must admit I wouldn’t want all the images to print, as they are only for decoration in this case. But, in fact, the images would print in my example unless disabled in the print stylesheet.
