Modificar estilo con javascript

[annamon]

Oye, ya que estamos. Jejejeje!!! cómo puedo cuando clico encima de uno de esos "li" sacar una imagen siempre en el mismo sitio? es decir, imagínate tres columnas. La de la izquierda es este menu, la central es un texto (que cambia con cada link) y la de la izquierda es una imagen (cambia igual que el texto).

No sé si se debe abrir otro post o no.

Sinceramente muchas gracias Soyuncreeper.

[soyuncreeper]

Puedes distribuir esas tres columnas y colocar una imagen en la tercera, como has dicho. Le das un ID y cambias su SRC. Por ejemplo:

Código HTML:

<div id="columna1">
  <ul class="submenu_links"> ... </ul>
</div>
 
<div id="columna2">
  Lorem ipsum dolor sit amet...
</div>
 
<div id="columna3">
<img src="imagen.png" alt="Imagen" id="imagen" />
</div>
 

Entonces utilizas esta función para cambiar la imagen:

Código Javascript:

$("#imagen").attr("src","imagen2.png");
 

Quizá quieras darle un ID a cada link para ir cambiando la imagen por la que corresponda. No tendrías más que capturar el click en cada link con $("").click(function(){}); y hacer en esa función los cambios requeridos. No se si me explico...

[annamon]

No lo acabo de ver claro.

No sé si me he explicado bien,
cuando clicas encima de algun link del menu de la izquierda te saca un texto en la columna central y una foto en la columna derecha. Lo del texto lo tengo hecho ya con innerhtml pero no sé como sacar la foto.