Picture changes, then mouse is over it.
zaichik. at 08h37
23
Sep
2011
Hello,
In my CSS I have this code
and in widget i have this code
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...
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...
1 shadowz au, on 23/09/2011 at 09h40
What you mean? which picture?
2 zaichik., on 23/09/2011 at 09h49
3 shadowz au, on 23/09/2011 at 09h59
ok.
Try that
change xxx to class name
- 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
4 zaichik., on 23/09/2011 at 10h08
doesn't work.
5 shadowz au, on 23/09/2011 at 10h40
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'">
6 zaichik., on 23/09/2011 at 10h54
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?
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'">
7 shadowz au, on 23/09/2011 at 11h09
Well i cant do it. You can use photoshop to add text
8 zaichik., on 23/09/2011 at 11h16
oh, okey.
but what about that codes (i edited my another message)? : ((
but what about that codes (i edited my another message)? : ((
9 shadowz au, on 23/09/2011 at 11h18
Make sure put " and ' on image
10 zaichik., on 23/09/2011 at 11h21
- 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! : ))
11 shadowz au, on 23/09/2011 at 11h24
No problem 
12 zaichik., on 23/09/2011 at 11h25
i just clicked on them few times, and now it's good.
thank you very much! : ))))
thank you very much! : ))))
13 Nera., on 23/09/2011 at 15h11
Solved > Locked
Similar topics
Anda tidak bisa melihat mouse di video ini? Kesalahan bukan pada mata Anda karena saat ini mulai dikembangkan invisible mouse (mouse tak terlihat) yang disebut Mouseless.
Fluid Interfaces Group, MIT Media Lab mengembangkan teknologi ini dengan mengunaka
I think you know the problem please help me
To make your navigation bar light up when your mouse scrolls over it, and have it shadowed over when it's not, then i'd recommend this code for you
I HAVE ONLY TESTED THIS ON FORUMOTION PHPBB3 forums!
Here is the complete code:
Code:/*
Replies 1 to 13 on 13 for "Picture changes, then mouse is over it."
Search
See also
Informations
13 Replies For the topic :
"Picture changes, then mouse is over it."
This topic has been viewed 606 times.
Last message :
23/09/2011 at 08h37 by "zaichik."
