mouse over images

[nickels]

hi,

is there anyway i can make an image change to another image when the mouse hovers over it, with out using javascript??

thanks
nickels

 

[EirePlane]

You can use CSS to do it as far as I am aware.

use a div and give it a class so it reads something like:

<div class=img1></div>

then in the css file you could add

div.img1 {
background:url('http://www.yoursite.com/image.jpg');
}

div.img1:hover {
background:url('http://www.yoursite.com/image2.jpg');
}

never tried it myself but it works in theory if I ahve got the ":hover" part right

 

[iCraig]

I don't think that will work.

Anchor links support hover better, especially on older browsers.

<a class="google" href="www.google.com" title="Click here for Google lol">Google</a>

a.google:link, a.google:visited, a.google:active, a.google:hover {
  width: 100px;
  height: 100px;
  display: block;
  color: #fff;
  background-image: url(/images/google.gif);
}

a.google:hover {
  background-image: url(/images/google_hover.gif);
}

 

[nickels]

thankyou

got it working
nickels