0

hi

I just want to know how to show (change photo) text link on mouseover event on image. Just like on orkut or gmail to change existing photo on site.

Edited by rhirde: change title

8
Contributors
9
Replies
11
Views
7 Years
Discussion Span
Last Post by Boroimhe
0

hi

I just want to know how to show (change photo) text link on mouseover event on image. Just like on orkut or gmail to change existing photo on site.

You can use a javascript function on onmouseover event of the image and in that javascipt function you can replace the image with the text you want

0

I have to show "change photo" text link over image on mouseover event without hide existing image show text "change photo" over image. Just like on orkut we can change existing picture.

Pl. send a code


Thanks

0
<a href="your_image.jpg" alt="" title="change photo"><img src="your_image.jpg" /></a>

It is what you want.

0

I don't fully understand what you want to do. Do you want to change a certain text when mouseover a specific image?

Or do you want the image to change?

<img onmouseover="this.src='source'" onmouseout="this.source='anothersource'" />

Or if you just want a text to show when mouseover an image, I belive Zero13's suggestion is the way to go.

0

I don't fully understand what you want to do. Do you want to change a certain text when mouseover a specific image?

Or do you want the image to change?

<img onmouseover="this.src='source'" onmouseout="this.source='anothersource'" />

Or if you just want a text to show when mouseover an image, I belive Zero13's suggestion is the way to go.

Hi all, I have a similar request here. I would like for a text box (customizable one) to appear when you hover over text.

Something similar to the title option in the <a> tag except a lot more fancy and perhaps with the option of speeding it up (no delay on appearance of text box).

Example of what I'm looking for can be found at: http://www.fingalairsoft.com - Site ops - Game types.

Thanks guys
BrĂ­an

0

i think mouseover event is not the solution of your problem.becoz u dont want to change the current picture when mouse will over on it....
nd one thing more if you want to change the picture option just as an orkut then you have to write full code for it..........that can be written wid the help of php or any other language................

0

NOT with PHP - this would require a call to the server every time the mouse moved over the area. Use javascript. This executes in the client's browser and so saves all the back and forth info flow between the client and the server.

Or use css. Make the area a link (to anchor="") Set the background to be plain white with text and change to an image on hover, or set an image as the background and change the image on hover. If you ignore early IE , then you can set hover on any item on the page.

Edited by drjohn: n/a

0

NOT with PHP - this would require a call to the server every time the mouse moved over the area. Use javascript. This executes in the client's browser and so saves all the back and forth info flow between the client and the server.

Or use css. Make the area a link (to anchor="") Set the background to be plain white with text and change to an image on hover, or set an image as the background and change the image on hover. If you ignore early IE , then you can set hover on any item on the page.

Any idea where I could get the coding for something like this? As said I have a basic knowledge of html and none in CSS or Java.

Thanks for your replys guys.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.