Zachary Zachary - 1 year ago 56
HTML Question

Description hidden until user hovers over the image?

I'm looking for some help with this project. I want to be able to hover over the image and this black box pops up with the description in it. Can I get some examples of how I would go about doing this? Thank you all so much for the help!

what I'm looking to do when user hovers over the image for a description

Answer Source

with pure css you can do something like this

#image_description {
    display: none;
    background-color : #333;
    color : #fff;
    padding  : 50px;

    display: block;
<img src="" id="the_image">
<div id="image_description">SomeDescription</div>

with jQuery you can do something like this

}, function(){
#image_description { display : none }
<script src=""></script>
<img src="" id="the_image">
<div id="image_description">SomeDescription</div>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download