[jQuery] Rollover/mouseover need help, I'm confused

[jQuery] Rollover/mouseover need help, I'm confused


Hi guys I am pretty lost right now.
I am using Remy Sharp's jQuery Image Loading code. I would like to be
able to also add in a mouseover script for my images. I am making a
portfolio site and I need the image to be a rollover to show
information about the project upon dragging over the image. I really
do not want to use flash and would like to keep this all jQuery and
Ajax if possible.
I'm lost because on my page the only html code is
<div id="loadp1" class="loading"></div>
the css for loadp1 is
#loadp1 {
border:1px solid #ccc;
width:635px;
height:412;
margin-left: 16.5px;
margin-right: 16.5px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
}
the css for the loading class is
#loadp1.loading {
background: url(images/loading.gif) no-repeat center center;
}
and the java script for the code is
$(function () {
var img = new Image();
$(img)
.load(function () {
$(this).hide();
$('#loadp1')
.removeClass('loading')
.append(this);
$(this).fadeIn();
})
.error(function () {
})
.attr('src', 'images/print1.jpg');
});
Anyone know how to add this kind of mouse over to this code
onmouseover="MM/swapImage('print1′,",'images/print1a.jpg',0)"