<script>
window.onload=function(){
 var a=document.links;
 for(var i=0;i<a.length;i++){
    if(!/\.jpg$/.test(a[i].href))
     continue;
    (new Image()).src=a[i].href;
    a[i].onmousemove=function(e){
     previewPic(e,this.href);
     };
    a[i].onmouseout=function(){
     previewPic();
     };
    }
 }
function previewPic(e,url){
 var img=previewPic._img;
 if(!img){
    img=previewPic._img=new Image();
    img.style.display="none";
    img.style.position="absolute";
    img.style.border="1px solid gray";
    document.body.appendChild(img);
    }
 if(arguments.length==0){
    img.style.display="none";
    return;
    }
 if(img.style.display=="none"){
    img.src=url;
    img.style.display="";
    }
 var p=mousepos(e||window.event);
 img.style.left=p[0]+9+"px";
 img.style.top=p[1]+9+"px";
 }
function mousepos(e){
 var d=document.documentElement,b=document.body;
 return [e.pageX||(d.scrollLeft||b.scrollLeft)+e.clientX,
    e.pageY||(d.scrollTop||b.scrollTop)+e.clientY];
 }
</script>
<a href=http://pages.blueidea.com/articleimg/2007/05/1455/preview_b01.jpg>preview_b01.jpg</a><br />
<a href=http://pages.blueidea.com/articleimg/2007/05/1455/preview_b02.jpg>preview_b02.jpg</a><br />
<a href=http://pages.blueidea.com/articleimg/2007/05/1455/preview_b03.jpg>preview_b03.jpg</a><br />
<a href=http://pages.blueidea.com/articleimg/2007/05/1455/preview_b04.jpg>preview_b04.jpg</a><br />