NYCPHP Meetup

[Edgar Reyes]

Here is a simple way to do a roll over effect for images;

<a href="#" onMouseOver='rollover.src="images/lagerimage.jpg"'
onMouseOut='rollover.src="images/smallimage.jpg"'>
<img src="images/smallimage.jpg" name="rollover" border="0"></a>

ER

-----Original Message-----
From: talk-bounces at lists.nyphp.org [mailto:talk-bounces at lists.nyphp.org] On
Behalf Of tedd
Sent: Saturday, September 08, 2007 11:53 AM
To: NYPHP Talk
Subject: Re: [nycphp-talk] Roll ove image

At 10:12 PM -0700 9/7/07, selyah wrote:
>  Hello ;
>I am in the process  of completing a  very complex php script and 
>need to add a special effect using html.  The effect that i have to 
>do is a simple roll over images and upon each roll over with the 
>mouse the images increase in size and then return back to the 
>original size.  The problem is that i am sure that this involves 
>javascript and that is my weak point.
>Therefore, i am asking anyone who can assist with a sample code or 
>know of a link that would be helpful.
>Thanks

selyah:

Here an example of an enlarging roll-over using only css with no javascript.

http://webbytedd.com/bb/replace-image2/

If that's what you want, everything's there.

Cheers,

tedd

-- 
-------
http://sperling.com  http://ancientstones.com  http://earthstones.com
_______________________________________________
New York PHP Community Talk Mailing List
http://lists.nyphp.org/mailman/listinfo/talk

NYPHPCon 2006 Presentations Online
http://www.nyphpcon.com

Show Your Participation in New York PHP
http://www.nyphp.org/show_participation.php