Problema con programacion web

Question

Problema con programacion web

zaius5 22 feb 2012 20:43

MegaAdicto!!!

1.051 mensajes
desde sep 2005

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;
}

3 respuestas

Answer 1 · 2012-02-23T00:28:28+00:00

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.

zaius5 23 feb 2012 19:02 MegaAdicto!!! **1.051** mensajes desde **sep 2005** · Answer 2 · 2012-02-23T17:02:56+00:00

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

Answer 3 · 2012-02-24T23:16:44+00:00

socram8888 25 feb 2012 01:16

lol socram pole

2.591 mensajes
desde may 2007

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

Échale un vistazo al modificador de CSS "hover"