Problema con programacion web

22 feb 2012 20:43

Enlace permanente

Quiero hacer que cada vez que el cursor pase por encima de uno de los enlaces cambie la imagen del div que se llama principal,pero no se como hacerlo,supongo que habra que utilizar hover pero no controlo demasiado que digamos...

<div id="lateral">
    <ul>
      <li><A HREF="">Enlace1</A>
      <li><A HREF="">Enlace2</A>
      <li><A HREF="">Enlace3</A>
      <li><A HREF="">Enlace4</A>
      <li><A HREF="">Enlace5</A>
      <li><A HREF="">Enlace6</A>
      <li><A HREF="">Enlace7</A>
    </ul>
   </div>
<div id="principal">
     <IMG SRC="fondo.jpg" WIDTH=600 HEIGHT=400 BORDER=0 >
   </div>


#lateral li{
   background-color: #585858;
   margin: 2 2 2 2px;
   padding: 2 2 2 2px;
   font-weight: bold;
}

* 23 feb 2012 02:28

Enlace permanente

porque no tomas este camino...

<ul>
<li onmouseover="document.getElementById('img').src='img1.png';">1</li>
<li onmouseover="document.getElementById('img').src='img2.png';">2</li>
...
</ul>

<img id="img" src="img1.png"/>

Asi cambias la imagen, al pasar por los li.

23 feb 2012 19:02

Enlace permanente

<div id="principal">
     <IMG id="img" SRC="gris.jpg" WIDTH=600 HEIGHT=400 BORDER=0 >
   </div>


ninguno de estos dos códigos me funciona

<li onmouseover="getElementbyId('img').src='fondo2.jpg';"><A HREF="">Enlace1</A>

ni este

<li onmouseover="getElementbyId('principal').src='fondo2.jpg';"><A HREF="">Enlace1</A>

25 feb 2012 01:16

Enlace permanente

socram8888 está baneado por "incumplimiento términos y condiciones de uso"

Échale un vistazo al modificador de CSS "hover"