NYCPHP Meetup

Sat Sep 8 01:50:39 EDT 2007

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 <selyah1 at yahoo.com>
To: NYPHP Talk <talk at lists.nyphp.org>
Sent: Saturday, September 8, 2007 1:12:55 PM
Subject: [nycphp-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 
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.nyphp.org/pipermail/talk/attachments/20070907/b8238489/attachment.html>

NYCPHP Meetup

NYPHP.org

[nycphp-talk] Roll ove image