وعليكم السلام ورحمة الله
هذا هو الكود
كود PHP:
<script language="JavaScript" type="text/javascript">
var ua = navigator.userAgent.toLowerCase();
var divw=0;
var divh=0;
if (document.getElementById || document.all)
document.write('<div id="imgtrailer" style="position:absolute;visibility:hidden;"></div>')
function gettrailobject()
{
if (document.getElementById)
return document.getElementById("imgtrailer")
else if (document.all)
return document.all.trailimagid
}
function gettrailobj()
{
if (document.getElementById)
return document.getElementById("imgtrailer").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.onmousemove='';
gettrailobj().visibility="hidden";
}
function trailOn(thumbimg,imgtitle,imgscription,imgsize,filesize,credit,level,thw,thh)
{
if(ua.indexOf('opera') == -1 && ua.indexOf('safari') == -1)
{
gettrailobj().left="-500px";
divthw = parseInt(thw) + 2;
gettrailobject().innerHTML = '<table><tr><td><div style="background-color: #000000; layer-background-color: #000000; border: 0pt none #000000; padding: 0pt; width:'+divthw+'px;"><div style="background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px solid #000000; background-image: url(images/img_load.gif); background-repeat: no-repeat;"><center><img src="'+thumbimg+'" border="0" width="'+thw+'" height="'+thh+'"></center><div style="padding:3px"><b>Title: </b>'+imgtitle+'<br><b>Description: </b>'+imgscription+'<br></div></div></div></td></tr></table>';
gettrailobj().visibility="visible";
divw = parseInt(thw)+25;
divh = parseInt(thh)+130;
document.onmousemove=followmouse;
}
}
function followmouse(e)
{
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight)
if(typeof e != "undefined")
{
if(docwidth < 15+e.pageX+divw)
xcoord = e.pageX-divw-5;
else
xcoord = 15+e.pageX;
if(docheight < 15+e.pageY+divh)
ycoord = 15+e.pageY-Math.max(0,(divh + e.pageY - docheight - truebody().scrollTop - 30));
else
ycoord = 15+e.pageY;
}
else if (typeof window.event != "undefined")
{
if(docwidth < 15+truebody().scrollLeft+event.clientX+divw)
xcoord = truebody().scrollLeft-5+event.clientX-divw;
else
xcoord = truebody().scrollLeft+15+event.clientX;
if(docheight < 15+truebody().scrollTop+event.clientY+divh)
ycoord = 15+truebody().scrollTop+event.clientY-Math.max(0,(divh + event.clientY - docheight - 30));
else
ycoord = truebody().scrollTop+15+event.clientY;
}
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
</script>
و أية صورة صغيرة تريد أن تضع لها هذه اللمسة عليك أن تضيف للوسم هذه الأسطر
مثلا هذا هو رابط الصورة
كود PHP:
<img src="http://tbn0.google.com/images?q=tbn:f_ZAHBwXytrqJM:http://hpshopping.speedera.net/www.shopping.hp.com/shopping/images/products/b_901502_400.jpg" >
ستضيف لها
كود PHP:
onmouseover="trailOn('http://هنارابط الصورة المكبرة.jpg','Zizwar','Zizwar test ...','','','','1','250','187.5');"
onmouseout="hidetrail()"
لتصبح ك
كود PHP:
<img src="http://tbn0.google.com/images?q=tbn:f_ZAHBwXytrqJM:http://hpshopping.speedera.net/www.shopping.hp.com/shopping/images/products/b_901502_400.jpg"
onmouseover="trailOn('http://hpshopping.speedera.net/www.shopping.hp.com/shopping/images/products/b_901502_400.jpg','Zizwar','Zizwar test ...','','','','1','250','187.5');"
onmouseout="hidetrail()">