large image on mouseover

[meghamaharshi]

hello.. i have datalist in which thumbnail images are shown i want to show large image on particular image mouseover as tooltip...

[Abhijit Jana]

Try This

cheers, Abhijit My Recent Article : Beginner's Guide To View State

[meghamaharshi]

thank for your reply but i dont want to stretch the image i want both small and large ...for example in shopping site large image is shown as tool tip for small image.

[Abhijit Jana]

For that you can create Thumbnlis of that Image. If you search google , you can find many code for that. please let me know if any issue.

cheers, Abhijit My Recent Article : Beginner's Guide To View State

[meghamaharshi]

thanks for reply again.. i have used this javascript:- i have taken a div in design and applied this css css:- divAbsPosition1 { z-index: 1; left: 0px; position: absolute; top: 0px; visibility:hidden; } function hideWindow() { document.getElementById('dv').style.visibility='hidden'; } function LargeWindow(ev,str) { var e = ev ? ev : window.event; var s = e.clientX + ',' + e.clientY; document.getElementById('large_Image').src=str; document.getElementById('dv').style.visibility = 'visible'; document.getElementById('dv').style.left = e.clientX -10; document.getElementById('dv').style.top = e.clientY-10; } its working perfect in ie but not working in firefox..

[Abhijit Jana]

can you put the code from where you are calling LargeWindow(), I want to check "ev" ?

cheers, Abhijit My Recent Article : Beginner's Guide To View State

[meghamaharshi]

ya sure..here is my Code..i made a sample page...

onmouseover="LargeWindow(event,'images/Large_Card1.jpg')" onmouseout="hideWindow()" />

onmouseover="LargeWindow(event,'images/Large_Card2.jpg')" onmouseout="hideWindow()" />

onmouseover="LargeWindow(event,'images/Large_Card3.jpg')" onmouseout="hideWindow()" />

onmouseover="LargeWindow(event,'images/Large_Card4.jpg')" onmouseout="hideWindow()" />