How do I get a jQuery var for img width and height to go to 50% in what I have so far?
<p>This is a working trial of what I have<br>
<a href="http://trialsites.ihoststudio.com/trialsite361700/website/" rel="nofollow">24 hour Demo</a>
<br>I'm working within a program so I have to change the attributes to get this to work
<br>The problem I have now is to get the image to go to 50% on hover for a preview before it uses
<Br>fancybox like shown in the Demo to go to the large image
<br> <strong>This what I tried but it throws an error</strong></p>

<pre><code>    var offsetX = 20;
    var offsetY = 10;

$('a.nextfancy').hover(function(e) {
var href = $(this).attr('href');
$('&lt;img id="largeImage" src="' + href + '" alt="big image" /&gt;')
.css('top', e.pageY + offsetY)
.css('left', e.pageX + offsetX)
.appendTo('body');
}, function() {
$('#largeImage').remove();
});

$('a.nextfancy').mousemove(function(e) {
$("#largeImage").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
});
</code></pre>

<p>---- tried this ------</p>

<pre><code>    var offsetX = 20;
    var offsetY = 10;
    var halfSize = {maxWidth:"50%", maxHeight: "50%"};

$('a.nextfancy').hover(function(e) {
var href = $(this).attr('href');
$('&lt;img id="largeImage" src="' + href + '" alt="big image" /&gt;')
.css('top', e.pageY + offsetY)
.css('left', e.pageX + offsetX)
.appendTo('body');
}, function() {
$('#largeImage').animate(halfSize);
}, function() {
$('#largeImage').remove();
});

$('a.nextfancy').mousemove(function(e) {
$("#largeImage").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
});
</code></pre>

<p>Css on the image doesn't work it then goes to half the window size
<br>I'm slowly teaching myself jQuery and cobbled this together...
<br><br>Next I want to remove the title &amp; keep it in the browser window but baby steps
<br>If you show me this one I'm hoping I can figure out how to do that next part? </p>
