The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Picture changes, then mouse is over it.

View previous topic View next topic Go down

Solved Picture changes, then mouse is over it.

Post by zaichik. on September 23rd 2011, 8:37 am

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. Sad
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...

zaichik.
Forumember

Female Posts : 28
Reputation : 0
Language : Lithuanian

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by shadowz au on September 23rd 2011, 9:40 am

What you mean? which picture?

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by zaichik. on September 23rd 2011, 9:49 am


zaichik.
Forumember

Female Posts : 28
Reputation : 0
Language : Lithuanian

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by shadowz au on September 23rd 2011, 9:59 am

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

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by zaichik. on September 23rd 2011, 10:08 am

doesn't work. Sad

zaichik.
Forumember

Female Posts : 28
Reputation : 0
Language : Lithuanian

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by shadowz au on September 23rd 2011, 10:40 am

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'">

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by zaichik. on September 23rd 2011, 10:54 am

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'">

zaichik.
Forumember

Female Posts : 28
Reputation : 0
Language : Lithuanian

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by shadowz au on September 23rd 2011, 11:09 am

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

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by zaichik. on September 23rd 2011, 11:16 am

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


Last edited by zaichik. on September 23rd 2011, 11:20 am; edited 2 times in total

zaichik.
Forumember

Female Posts : 28
Reputation : 0
Language : Lithuanian

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by shadowz au on September 23rd 2011, 11:18 am

Make sure put " and ' on image

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by zaichik. on September 23rd 2011, 11:21 am

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. Sad(

EDIT:

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


Last edited by zaichik. on September 23rd 2011, 11:24 am; edited 1 time in total

zaichik.
Forumember

Female Posts : 28
Reputation : 0
Language : Lithuanian

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by shadowz au on September 23rd 2011, 11:24 am

No problem Smile


Last edited by shadowz au on September 23rd 2011, 11:25 am; edited 1 time in total

shadowz au
Forumember

Male Posts : 280
Reputation : 30
Language : Australia
Location : Sydney

http://tommyzserver.forummotion.com

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by zaichik. on September 23rd 2011, 11:25 am

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

zaichik.
Forumember

Female Posts : 28
Reputation : 0
Language : Lithuanian

Back to top Go down

Solved Re: Picture changes, then mouse is over it.

Post by Nera. on September 23rd 2011, 3:11 pm

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum