How do you make an image appear when you hover on text?

I'm coding a portfolio and I can't think of a way to make it so that when you hover over the title of a piece, it would appear in an empty space over to the side. Can this be done?

 

you can do this by changing its background image.
something like this:

a.divClassOfyourTitle:hover {
background: url('YourImageName.jpg');
}

Good luck! ^____^

 

Are you setting the image via background as suggested in the above example? Because you could just do that as suggested and postion the background to the right and make the anchor wide enough so it gives the impression you are looking for.

 

You can do all sorts of image revealing tricks with jQuery, but finding the right tutorial can take a while

 

You could do something like this:

<div class="text">
<p>Text Here</p>
</div>

<div class="image">
<img src="http://www.site.com/img.png" alt="Image" />
</div>

HTML:

In your CSS file just do:

.image {
display: none;
}

.text:hover .image {
display: block;
}

Code (markup):

I think this is correct, sorry if there's a mistake, I'm tired.

 

Google image rollover css. You'll get lots of tutorials.

 

@MotocrossJoe88

Yep, that will work.

Btw... nice site you have

I like your graphic works.

 

Hehe Thanks