Vale, ya lo he montado parcialmente. El script:
Código Javascript
:
Ver original<script>
$(document).ready(function() {
$(".selector").hover(function(){
var id=$(this).attr("id");
$("."+id).show(); },function(){
var id=$(this).attr("id");
$("."+id).hide();
})
});
</script>
..y el html:
Código HTML:
Ver original <img class="uno" src="chaqueta.jpg"> <img class="dos" src="abrigo.jpg"> <img class="tres" src="camiseta.jpg"> <img class="cuatro" src="tocado.jpg"> <a href="#"><li class="selector" id="uno">Chaquetas
</li></a> <a href="#"><li class="selector" id="dos">Abrigos
</li></a> <a href="#"><li class="selector" id="tres">Camisetas
</li></a> <a href="#"><li class="selector" id="cuatro">Tocados
</li></a>
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.