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