Ver Mensaje Individual
  #2 (permalink)  
Antiguo 04/04/2014, 10:41
Avatar de Linton
Linton
 
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 11 meses
Puntos: 55
Respuesta: ¿Cambiar las fotos de una ventana cuando hover en un li?

Vale, ya lo he montado parcialmente. El script:
Código Javascript:
Ver original
  1. <script>
  2.     $(document).ready(function() {
  3.     $(".selector").hover(function(){
  4.     var id=$(this).attr("id");
  5.     $("."+id).show(); },function(){
  6.     var id=$(this).attr("id");
  7.     $("."+id).hide();
  8.     })
  9.     });
  10.     </script>
..y el html:

Código HTML:
Ver original
  1. <div>
  2.     <img class="uno" src="chaqueta.jpg">
  3.     <img class="dos" src="abrigo.jpg">
  4.     <img class="tres" src="camiseta.jpg">
  5.     <img class="cuatro" src="tocado.jpg">
  6.     <ul>
  7.     <a href="#"><li class="selector" id="uno">Chaquetas</li></a>
  8.     <a href="#"><li class="selector" id="dos">Abrigos</li></a>
  9.     <a href="#"><li class="selector" id="tres">Camisetas</li></a>
  10.     <a href="#"><li class="selector" id="cuatro">Tocados</li></a>
  11.     </ul>
  12.     </div>
Lo que falta ahora es que se quede fija la última imagen al salir de los <li> con enlaces. ¿Cómo lo hago? Gracias, un saludo.