Mouse over images

[Paul Harris]

http://vcic.volvocars.com/militarysales I would like to be able to achieve a
similar result to the image swapping which is on the above site - and also
appreciate it wont be easy , can anybody put me on the right road ?

 

[Murray]

Those are just layers that are shown and hidden onMouseOver by a series of
links -

<a id="carLink1" href="/MilitarySales/Showroom/newS40/">S40</a></li><li
onmouseover="vcc.highlightCar(2, true)" onmouseout="vcc.highlightCar(2,
false)">

The layers themselves look like this one -

<div class="carInfoText"><h4>The Volvo S40</h4>Price, starting at:
<STRONG>$20,650</STRONG><div><P>Introducing the New Volvo S40, combining
class-leading safety&nbsp;with superfly style.&nbsp;</P></div>

The CSS that styles these looks like this -

#showroomLineup .carInfo {
FILTER: alpha(opacity=90);
LEFT: 0px;
VISIBILITY: hidden;
WIDTH: 780px;
CLIP: rect(0px 780px 120px 0px);
POSITION: absolute;
TOP: -120px;
HEIGHT: 130px;
BACKGROUND-COLOR: #ffffff;
moz-opacity: 0.9
}