Cargar unas imagenes u otras

[Davidyeahyo]

Buenas, estoy creando un portafolio y tengo una barra con las diferentes categorias de los diseños. Quiero que segun que categoria pulses en la barra, la pagina te carge unas imagenes u otras y se subraye en la categoria que estes.

Estee es el codigo que tengo, aver si me podeis ayudar, un tutorial o lo que sea ;)

Código PHP:

  <div id="SubTitulo"><div id="Categorias"> 
      <u>Destacados</u> - Caratulas/Covers - Carteles/Flyers - Logotipos - Ilustraciones  - Otros trabajos 
 </div></div>  
   

un saludo, gracias ;D

[andinog]

Yo te recomendaria utilizar la famosa libreria jQuery y hacer algo como lo siguiente

Código HTML:

<div id="SubTitulo">
<div id="Categorias"> 
      <span class="boton">Destacados</span> - 
      <span class="boton">Caratulas/Covers</span> - 
      <span class="boton">Carteles/Flyers</span> - 
      <span class="boton">Logotipos</span> - 
      <span class="boton">Ilustraciones</span>  - 
      <span class="boton">Otros trabajos</span> 
 </div>
</div>
 

Código Javascript:

<script>
$('span.boton').click(function(){
 
// quita el subrayado a todo
    $('span.boton').css('font-decoration', 'none');
// pone el subrayado a este elemento
    $(this).css('font-decoration', 'underline');
 
// aqui tendrias que cargar mediante ajax el contenido
 
});
</script>
 

Respecto a como cargar datos por ajax, requiere otro apartado

Espero que te sirva