Mouseover effect

[rhirde]

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.

[manish_partey]

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

[rhirde]

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

[ko ko]

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

It is what you want.

[strmstn]

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.

[Boroimhe]

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

[printrobin]

A lot of different methods are here but I think you should use javascript for this.

[preetg]

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

[drjohn]

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.

[Boroimhe]

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.