2
I have a div where the thumbnails ( thumbnails) of the images are shown and another div above with the text, ex:
How can I make so that when passing the mouse in the thumbnail (normal Hover effect) appears a larger div that overlaps the text and shows the image of the largest thumbnail ( that would be the normal size) and when taking the mouse from the thumbnail div hide normally, ex:
How can I do that?
HTML would look something like this:
<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-->
And if it’s multiple images and the div Thumb is not "daughter" of the div major?
– Thiago
@NGTHM4R3 is difficult to respond in detail to all scenarios. But show your HTML and adapt the answer.
– Sergio
Okay, I’ll update the question
– Thiago
The div "images-normal" is the div that will appear in the effect Hover and overlap the text that and when you take the mouse it some tbm, this larger div would already have a set size and the text tbm not to be disproportionate, understand...
– Thiago
@NGTHM4R3 in this case will need Javascript. Use jQuery? or native prefer?
– Sergio
What you think is best is good, I prefer CSS because I understand a little, you know...
– Thiago
And then you got?
– Thiago
@NGTHM4R3 had forgotten, sorry. A doubt in your HTML uses Ids. There will be more HTML like this or it is just an image/Thumb per page?
– Sergio
You’ll get a lot of footage...
– Thiago