I actually found a solution just as I was checking your replies. Thank you so much for the help though. I ended up getting zoom.js to work within the project.
This is what I used:
----------------------------------------------------------------------------------------
//compositionReady
yepnope(
{
nope:[
'js/jquery.zoom-min.js',
],
complete: init
}
);
$(document).ready(function(){
$('img')
.wrap('<span style="display:inline-block"></span>')
.css('display', 'block')
.parent()
.zoom();
});
function init() {
var image2 = sym.$("image");
image.zoom({url: 'images/image.png'});
}
----------------------------------------------------------------------------------------
After added the external scipts (jquery-1.7.1.min.js, jquery.zoom-min.js) I was able to get the magnify effect to work on a image that is revealed upon hover. I've uploaded an example for anyone who would want to do this as well.
Dropbox link: Dropbox - edge-zoom.zip