Hola colegas, es mi primer post en esta sección de HTML, resulta que estoy haciendo una pequeña pagina en código HTML, bueno, en mi pagina productos.html tengo dos secciones, la seccion izquierda es donde tengo el menú, anexo parte del código del menú.
Código:
Código:
<ul>
<li class="item sep"> <img alt=""/> <a href="productos.html">Portátil </a></li>
<li class="item sep"> <img alt=""/> <a href="productos.html">Móvil </a></li>
<li class="item sep"> <img alt=""/> <a href="productos.html">Repetidores </a></li>
</ul>
Y la sección derecha la quiero para mostrar las imágenes de los productos, lo que me gustaría poder hacer es que cuando hagan clic en Portátil muestra imágenes de Radios Portátiles y cuando le hagan clic Móvil quite las imágenes previas y muestre las imágenes de Radios Móviles, pero todo eso en la sección derecha, he encontrado que con JavaScript pero no tengo idea de cómo se haría, actualmente muestro ya las imágenes por defecto en la sección derecha, aquí dejo parte del código donde muestro dos imágenes.
Código:
Código:
<div class=" gallery">
<div class=" item">
<a href="images/_Comunicacion/lK-TK7102H-TK-8102H.png" class="zoom" title="Kenwood TK-3230" rel="portfolio">
<img src="images/_Comunicacion/sK-TK7102H-TK-8102H.png" class="gallery-image" alt="sample image" />
</a>
</div>
<div class="gallery-item">
<a href="images/_ControlAcceso/lSy_iclock360.png" class="zoom" title="Terminal IClock 360" rel="portfolio">
<img src="images/_ControlAcceso/sSy_iclock360.png" class="gallery-image" alt="sample image" />
</a>
</div>
</div>
Con todo esto no tengo problema, lo que necesito es que mostrar unas imágenes u otras según a la opción que hagan click.
Ojala que me pudiesen apoyar, de antemano muchas gracias.