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

    help with rollover images.


      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">


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


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



      <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 id="container">


      <div id="contentHome">

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




      <div id="footer">