Condición IF en HTML

[chwc]

agregale unos ids y estilos a cada div de las imagenes asi:

Código HTML:

<div class=" gallery">
<div class=" item" id="imagenes1" style="display:block">
    <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" id="imagenes2" style="display:none">
        <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>
 

a cada seccion agregale un onclick y borrale el a

Código HTML:

<ul>                                            
<li class="item sep" onclick="mostrar(1)"> <img alt=""/> Portátil </li>                     
    <li class="item sep"  onclick="mostrar(2)" > <img alt=""/> Móvil </li>                      
    <li class="item sep"> <img alt=""/> Repetidores </li>   
</ul>
 

y agrega este codigo html, que crea una funcion de javascript ( la cual se linkea desde el onclick de las secciones

Código HTML:

<script type="text/javascript">
function docGet(entrada,eldisplay){
return document.getElementById(entrada).style.display=eldisplay;
}
function mostrar(entrada){
if(entrada === 1){
docGet('imagenes1','block');
docGet('imagenes2','none');
}
if(entrada === 2){
docGet('imagenes1','none');
docGet('imagenes2','block');
}
}
</script>
 

SALUDOS