Resime Açıklama Eklemek

.divstyle{position:absolute;
           border:1px groove #115585;
           width:150;
           top:0;
           left:0;
           }
 .pstyletitle{postion:absolute;
              background:#b1b49e;
              color:white;
              font-size:70%;
              font-family:verdana;
              heigth:50px;}

 .pstylebody{postion:absolute;
             background:#ebe9d9;
              font-size:70%;
              font-family:verdana;}</style><script language="JavaScript1.2">
var IE = document.all?true:false

if (!IE) document.captureEvents(Event.MOUSEMOVE)

document.onmousemove = getMouseXY;

var tempX = 0
var tempY = 0

 
function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
  } 
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0} 
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
obj_info = document.getElementById("info")
obj_info.style.top = tempY + 10;
obj_info.style.left = tempX + 10;
  return true
}

function alert_msg(titletext,bodytext){
obj_info = document.getElementById("info")
obj_info.style.display = '';
obj_imagetitle = document.getElementById("imagetitle");
obj_imagetitle.innerHTML = titletext;
obj_imagebody = document.getElementById("imagebody");
obj_imagebody.innerHTML = bodytext;
}

function away()
{
obj_info = document.getElementById("info")
obj_info.style.display = 'none';
}
function goToURL() { history.go(-1); }
</script>
<div class="divstyle" id="info" style="display: none">
<div class="pstyletitle" id="imagetitle" align="center">&nbsp;</div>
<div class="pstylebody" id="imagebody">&nbsp;</div>
</div>
<img height="160" width="240" onmouseout="away()" onmouseover="alert_msg('Resmin Adi Buraya;','Buraya Resmin Aciklamasi Gelecek CssMan Js')" alt="" src="http://i31.tinypic.com/rrp5pc.jpg" />

<style>