User Name Password Register
DaniWeb IT Discussion Community
Home
Forums
Tutorials
Code Snippets
Blogs
Link Directory
All
•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 375,223 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,241 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Join our community!
Please support our HTML and CSS advertiser: Lunarpages Web Hosting

Smaller image to larger Image on rollover

•
•
Join Date: Apr 2008
Location: PLANET EARTH
Posts: 33
Reputation: Dannyo329 is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 2
Dannyo329's Avatar
Dannyo329 Dannyo329 is offline Offline
Light Poster

Re: Smaller image to larger Image on rollover

  #3  
May 2nd, 2008
Hey, um i'm not sure if this works but if it actually works that'll be great, there's only one thing you need to change, the img src, its image1(and 2).bmp but you can change it into any image file.
(this better work... )

Help with Code Tags 
<html>
<head>
<title>TEST</title>
<body bgcolor="#ffcc00">
<center>
   <form name=form1>
     <img src="image1.bmp" name="image1" 
                           onMouseOver="image1over()"
                           onMouseOut="image1out()"  >
      <br /><br />
     <img src="image2.bmp" name="image2"
                          onMouseOver="image2over()"
                           onMouseOut="image2out()" > 
     <br /><br />
     <br /><br />
   </form>
</center>
</body>
<script language=javascript>
<!--
    function image1over()
    {
        image1.style.width="50";
        image1.style.height="50";
    }
    function image2over() 
    {
        image2.style.width="50";
        image2.style.height="50";
    }

    function image1out()
    {
        image1.style.width="25";
        image1.style.height="25";
    }
    function image2out()
    {
        image2.style.width="25";
        image2.style.height="25"; 
    }
//-->
<script>
</html>
Greetings Earthlings, I am your PROGRAMMER.
Reply With Quote  
Advertising Opportunities on DaniWeb
Contact Us - Newsletter Archive - Sitemap - Privacy Statement
All times are GMT -4. The time now is 3:40 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC