Tenho uma div onde são mostradas as thumbnails ( miniaturas) das imagens e outra div acima com o texto, ex:
Como posso fazer para que ao passar o mouse na thumbnail (efeito hover normal) surja uma div maior que sobreponha o texto e mostre a imagem da thumbnail maior ( que seria o tamanho normal) e ao tirar o mouse da thumbnail a div se oculte normalmente, ex:
Como posso fazer isso?
O HTML seria algo mais ou menos assim:
<div id="content">
<div id="images-normal">
<img src="#" id="normal-01" />
</div>
<p>Lorem ipsum .... </p>
<div id="images-thumb">
<img src="#" id="thumb-01" />
</div>
</div><!--content-->