Image change on hover of different links

Question

I found this: hover on text link to change image which explains how to do this with jQuery.

Is there any way to do it without jQuery or javascript?

Can this be done with just html/css?

Answer 1

Even if you can do that with CSS it's going to be pretty messy. Why not use jQuery or Javascript instead?

In jQuery, try using the .hover() mouse event.

You'll probably start with something like this (psuedo-code):

$(".linkclass").hover(
  function () {
    $(.imageclass).css('background-image','image.jpg');
  },
  function () {
    $(.imageclass).css('background-image','image2.jpg');
  }
);