is it possible to create a rollover image using either html or css but WITHOUT it being a link?

Answer 1

Well with CSS you just use the link function --- it doesn't have to link anywhere just be within the tag. It avoids having to use javascript, it is faster, and works just fine. You can style that particular a.image tag so that it doesn't even appear to be a link tag!

Just visit Stu Nichols site for a great many ways to do this.
For instance here is a "Magnifier" when you mouse over the small image it shows a larger one.
http://www.cssplay.co.uk/menu/magnify#nogo
There are many demos, explanations etc. Even though the a tag is used it doesn't really have to link to anything!

Answer 2

Ditto Yak, above, but just be aware that SOME versions of some browsers (e.g., some older versions of Internet Explorer) do not handle :hover by anything other than address elements...

Answer 3

Yes, easily.

In css:

#rollover {
width: [put the width of image here];
height: [put the height of the image here];
background-image: url('image1.jpg')
}
#rollover:hover {
background-image: url('image2.jpg')
}

in body:

Answer 4

Simple example but uses javascript:

answer #4 · answered by E.M.Bed 5 · 1⤊ 0⤋

Answer 5

no, it's not possible, but you can use Javascript onMouseOver function...