Hi,
You can create function like this:
<script>
function Enlarge() //enlarge the image
{
document.getElementById('image').style.width=??;
document.getElementById('image').style.height=??;
}
function Reduce() //reduce the image
{
document.getElementById('image').style.width=??;
document.getElementById('image').style.height=??;
}
</script>
<html>
<body>
<img id='image' style='width:xx;height:xx;' src=''
onmouseover="Enlarge();" onmouseout="Reduce();">
</body>
</html>
Be sure to have an image with a good resolution so that it does not pixelize
when you enlarge it
----- Original Message ----
From: selyah <[EMAIL PROTECTED]>
To: NYPHP Talk <[email protected]>
Sent: Saturday, September 8, 2007 1:12:55 PM
Subject: [nyphp-talk] Roll ove image
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
Send instant messages to your online friends http://uk.messenger.yahoo.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
