rollover

[alexg88]

El problema es que las tres bolas de colores tienen el mismo id = "rollover". Tienes que poner un id único a cada una y referirte individualmente a cada una de ellas.

Ejemplo con los dos primeros:

Código HTML:

<div>
<div style="width: 120px; height: 80px; position: relative;"></div>
<p style="text-align: center;"><img style="position: absolute; left: 0; top: 0; width: 40%; height: auto;" onmouseout="document.images.rollover1.style.visibil ity = 'visible'" alt="rollover" src="http://www.clinicanaranjoacosta.com/wp-content/uploads/2013/06/img2.gif" />
<img id="rollover1" style="position: absolute; left: 0; top: 0; width: 40%; height: auto;" onmouseover="this.style.visibility = 'hidden'" alt="rollover" src="http://www.clinicanaranjoacosta.com/wp-content/uploads/2013/06/img1.gif" name="rollover" /></p>
&nbsp;
<h4 style="text-align: center;">PERIODONCIA</h4>
Cuidamos de la SALUD y ESTÉTICA de sus ENCÍAS con el MÁXIMO RIGOR CIENTÍFICO
</div>
 
<div>
<div style="width: 120px; height: 80px; position: relative;"></div>
<p style="text-align: center;"><img style="position: absolute; left: 0; top: 0; width: 40%; height: auto;" onmouseout="document.images.rollover2.style.visibil ity = 'visible'" alt="rollover" src="http://www.clinicanaranjoacosta.com/wp-content/uploads/2013/06/img4.gif" />
<img id="rollover2" style="position: absolute; left: 0; top: 0; width: 40%; height: auto;" onmouseover="this.style.visibility = 'hidden'" alt="rollover" src="http://www.clinicanaranjoacosta.com/wp-content/uploads/2013/06/img3.gif" name="rollover" /></p>
&nbsp;
<h4 style="text-align: center;">IMPLANTES</h4>
Implantología GUIADA POR ORDENADOR, técnica SIN PUNTOS, SIN INCISIONES, SIN MOLESTIAS Y DEL ALTA PRECISIÓN
 
</div>