Skip to main content
adicionou 311 caracteres ao conteúdo
Fonte Link
Thiago Dias
  • 2,9mil
  • 10
  • 37
  • 68

Tenho uma div onde são mostradas as thumbnails ( miniaturas) das imagens e outra div acima com o texto, ex:

inserir a descrição da imagem aqui

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:

inserir a descrição da imagem aqui

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-->

Tenho uma div onde são mostradas as thumbnails ( miniaturas) das imagens e outra div acima com o texto, ex:

inserir a descrição da imagem aqui

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:

inserir a descrição da imagem aqui

Como posso fazer isso?

Tenho uma div onde são mostradas as thumbnails ( miniaturas) das imagens e outra div acima com o texto, ex:

inserir a descrição da imagem aqui

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:

inserir a descrição da imagem aqui

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-->
título editado
Link
Thiago Dias
  • 2,9mil
  • 10
  • 37
  • 68

Mostrar div com imagem ampliada ao passorpassar mouse em thumbnail

Fonte Link
Thiago Dias
  • 2,9mil
  • 10
  • 37
  • 68

Mostrar div com imagem ampliada ao passor mouse em thumbnail

Tenho uma div onde são mostradas as thumbnails ( miniaturas) das imagens e outra div acima com o texto, ex:

inserir a descrição da imagem aqui

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:

inserir a descrição da imagem aqui

Como posso fazer isso?