Buongiorno a tutti, vi chiedo una mano su uno script che al passaggio del mouse sopra una immagine, ne mostra una versione ingrandita (una preview).
Prima di mostrare l'immagine, ce ne una classica di caricamento (nel mio caso la "images/progress_bar_preview.gif") alla quale però vorrei dare un borso bianco di 20px o meglio sarebbe poter dimensionare il div che la contiene con la stessa grandezza dell'immagine che poi verrà mostrata.
Sembra banale ma non riesco a ottenere la cosa modificando lo script.

Mi potreste aiutare? Una pagina dove poter vedere il problema è:
http://www.smalladvertise.com/chat.asp

Grazie a tutti, sotto lo script:

<!--
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/

var w;
var h;

if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:hidden;display :none;left:0px;top:-1000px;z-index:300;border:1px solid #404040;background:#FFFFFF;">[img]images/progress_bar_preview.gif[/img]</div>')

function gettrailobj()
{
if (document.getElementById) return document.getElementById("trailimageid").style
else if (document.all) return document.all.trailimagid.style
}

function truebody()
{
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function hidetrail()
{
document.getElementById('ttimg').src='images/progress_bar_preview.gif';
gettrailobj().active=false;
gettrailobj().visibility="hidden";
gettrailobj().display="none";
followmouse(e);
getMouseXY(e);
}

function showtrail(file)
{
if(navigator.userAgent.toLowerCase().indexOf('oper a') == -1 && navigator.userAgent.toLowerCase().indexOf('safari' ) == -1)
{
// followmouse()

var img = document.getElementById('ttimg');
img.src=file;
gettrailobj().visibility="visible"
gettrailobj().display="inline"
gettrailobj().width=img.style.width
gettrailobj().height=img.style.height
document.onmousemove = function(e){
followmouse(e);
getMouseXY(e);
}

w=gettrailobj().width
h=gettrailobj().height
}
}

function followmouse(e)
{

if(navigator.userAgent.toLowerCase().indexOf('oper a') == -1 && navigator.userAgent.toLowerCase().indexOf('safari' ) == -1)
{

var xcoord=55
var ycoord=-(gettrailobj().width)

if (typeof e != "undefined")
{
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined")
{
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}

var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)

if (xcoord+w+3>docwidth)
xcoord=xcoord-w-(20*2)

if (ycoord-truebody().scrollTop+h>truebody().clientHeight)
ycoord=ycoord-h-20;

gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"

}
}
//-->