Picture changes, then mouse is over it.

Hello,

In my CSS I have this code

Code:

#snapas,

#snapas span{

 display:block;

 width:100px;

 height:100px;

 position:relative;

 overflow: hidden;

}

#snapas span{

 height:100px;

 background: url(http://i51.tinypic.com/357oitj.png) 0 0 no-repeat;

 text-indent:-9000px;

}

#snapas:hover span{

))))))))
 background-image: url("http://i52.tinypic.com/ake3c3.jpg");
))))))))
}

#snapas:active span,

#snapas:focus span{

 top:-40px;

}

and in widget i have this code

Code:

<a href="..." id="snapas">
<span></span>
</a>

my friend said me, that picture must change in another then mouse is over it (and you don't need to click), but it's doesn't changes for me.
my friend said she don't know any way how to find it why it doesn't changes, because she is not very good in codes too, so i came here.
anybody knows, there is the problem?

http://unicorn.do-forum.com/

P.S. My english is terrible, sorry...

What you mean? which picture?

from this https://2img.net/h/oi51.tinypic.com/357oitj.png
to this https://2img.net/h/oi52.tinypic.com/ake3c3.jpg

ok.

Code:

.xxxx {
background-image: url('http://i51.tinypic.com/357oitj.png');
}
.xxxx:hover {
background-image: url('http://i52.tinypic.com/ake3c3.jpg');
}

Try that
change xxx to class name

doesn't work.

This

Code:

<img src="http://i51.tinypic.com/357oitj.png"
onmouseover="this.src='http://i52.tinypic.com/ake3c3.jpg'"
onmouseout="this.src='http://i51.tinypic.com/357oitj.png'">

omg, thank you!!! and maybe you know is it possible, to write a text on that secind picture? cause this will be house points, but if i want to change points number, i need to do it with photoshop. so maybe it's possible to write text on that second image?

EDIT: Shadow, i think i do the same code, but why it doesn't work for my another pictures?

Code:

<img src="http://i51.tinypic.com/357oitj.png"
onmouseover="this.src='http://i52.tinypic.com/ake3c3.jpg'"
onmouseout="this.src='http://i51.tinypic.com/357oitj.png'">

<img src="http://i53.tinypic.com/214drub.png"
onmouseover="http://i54.tinypic.com/317e9o4.png'"
onmouseout="this.src='http://i53.tinypic.com/214drub.png'">

 <img src="http://i54.tinypic.com/fp2mqa.png"
onmouseover="http://i53.tinypic.com/k1b90j.png'"
onmouseout="this.src='http://i54.tinypic.com/fp2mqa.png'">

 <img src="http://i52.tinypic.com/fn48ew.png"
onmouseover="http://i52.tinypic.com/14277us.png'"
onmouseout="this.src='http://i52.tinypic.com/fn48ew.png'">

Well i cant do it. You can use photoshop to add text

oh, okey.
but what about that codes (i edited my another message)? : ((

Make sure put " and ' on image

Code:

<img src="http://i51.tinypic.com/357oitj.png"
onmouseover="this.src='http://i52.tinypic.com/ake3c3.jpg'"
onmouseout="this.src='http://i51.tinypic.com/357oitj.png'">


<img src="http://i53.tinypic.com/214drub.png"
onmouseover="this.src='http://i54.tinypic.com/317e9o4.png'"
onmouseout="this.src='http://i53.tinypic.com/214drub.png'">

 <img src="http://i54.tinypic.com/fp2mqa.png"
onmouseover="this.src='http://i53.tinypic.com/k1b90j.png'"
onmouseout="this.src='http://i54.tinypic.com/fp2mqa.png'">

 <img src="http://i52.tinypic.com/fn48ew.png"
onmouseover="this.src='http://i52.tinypic.com/14277us.png'"
onmouseout="this.src='http://i52.tinypic.com/fn48ew.png'">


they all are same, but i still don't find a problem. (

EDIT:

I clicked on them few times and now it's good.
Thank you very very much! : ))

No problem

i just clicked on them few times, and now it's good.
thank you very much! : ))))