Adding mouse over display area on page

Give your image a class of “box” and put it inside a div with the id of show

$(document).ready(function(){
$(‘#show’).mouseover(function(){
$(‘.box’).show(2000);
});
});

ok Im kinda getting what your saying

can you get a little more specific for me though

what im understanding here is I take blank image or the image I want until a word or link is moused over place it where I want it on the page

in the CSS class under advanced? I add the “Box” im lost on the inside a div with id show

and than Id assume each line or word or link would have to be separately coded for a different image

so I guess my questions are

where do I insert the code you typed out for me there?

what code do I need to have around each word/line to create a link to an image to be displayed?

Im sorry for the trouble my html is rudimentary at best

You will need to add the code above to your javascript file

this is the html for my application

<div class=”post clear” id=”show” id=”scroll-wrap”>
<header class=”post-header container-fluid”></header>
<div class=”post-content-wrap” id=”scroller”>
<h3 class=”date”>Dec, 20 2014</h3>
<h1 class=”post-title”>757Design Web Development services amd maint.</h1>
<img class=”floatright box” src=”images/misc/GetLifted-jeep-logo-70×70.png”>
<p>Everti iriure qualisque ut ius. Ei facer docendi pro, cu duo graeci accusam,
quo no forensibus reprimique necessitatibus. Dicit laoreet usu et. At eligendi
mediocrem pri. Ad affert iuvaret scripserit mei.</p>
</div><!– post-content-wrap –>