1 Reply Latest reply on Nov 4, 2010 6:45 AM by MurraySummers

    help with rollover images.

    mnordal

      I have 2 images, I need to roll over image A and have image B change. However, image B is in a seperate location than Image A. Image A is a button while Image B is the main body image (contentHome) that needs to change. The idea is to roll over each of the 4 buttons in my Top Nav and have the content images according to that button change.  I'll post my code, hopefully someone can please help.

       

       

       

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

      <html xmlns="http://www.w3.org/1999/xhtml">

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

      <title></title>

      <link href="css/main.css" type="text/css" rel="stylesheet"  />

      </head>

       

      <div id="wrapper">

      <div id="navTop">

      <a href="index.html"><img src="images/home.jpg" /></a>

      <a href="about.html"><img src="images/topAbout2.jpg" /></a>

      <a href="resume.html"><img src="images/topResume2.jpg" /></a>

      <a href="animation.html"><img src="images/topPortfolio2.jpg" /></a>

      <a href="contact.html"><img src="images/topContact2.jpg" /></a>

      </div>

      <div id="container">

       

      <div id="contentHome">

      <img src="images/aboutimage.jpg" />

       

      </div>

       

      <div id="footer">

      <p>&copy;</p>

      </

       

      </div>

      </div>

       

      <body>

      </body>

      </html>