turn cursor into magnefying lens?

[ktsirig]

Hello,
I was wondering if there are any scripts available which will help me transform the mouse cursor into a magnefying lens once it hovers over an image. I think that onmouse.hover will be what I need, but what about the image of the lens? Are there any images like this ready?

Thank you!

[PeejAvery]

You can change enlarge the image (examples are everywhere here at CG, just search), but you cannot magnify parts of the image.

I hope that answers your question. If not, please explain.

[code?]

http://www.dynamicdrive.com/
There's a magifying box script in there somewhere, just modify it to show only on the picture onmouseover

here, i found it
http://www.dynamicdrive.com/dynamicindex3/zoom.htm

try this

<style>
      .Tooltip
      {
          border:1px solid black;
          font-size:10px;
          layer-background-color:lightyellow;
          background-color:lightyellow;
          position: absolute;
      }
      A
      {
          color: blue;
      }
    </style>
    <script language="javascript">
        var tip = new Array();
        // add as many tips as you want
        // if you want html in tips, then change "Tooltip.innerText" to "Tooltip.innerHTML"
        function TipShow(current, e, num)
        {
            Tooltip.innerText = tip[num];
            Tooltip.style.height = 15;
            Tooltip.innerHTML += "<br/><img src='" + current.src + "'/>";
            Tooltip.style.visibility = "visible";
        }
        
        function UpdateMouse()
        {
            Tooltip.style.left = event.clientX + document.body.scrollLeft;
            Tooltip.style.top = event.clientY + document.body.scrollTop + 20;
        }
        function TipHide()
        {
            Tooltip.style.visibility = "hidden";
        }
</script>
<img src="your img"onmouseover="TipShow(this,event,[tip array number]);" onmouseout="TipHide();"

for each image that you want to enlarge, add

onmouseover="TipShow(this,event,[tip array number]);" onmouseout="TipHide();"

if you want to add image sizes, go to where it says Tooltip.innerHTML += "<br/><img src='" + current.src + "'/>";
and add a height and width setting