you can use jquery for this and add the image address to image control:
if this is your html:
<form id="form1" runat="server">
<div>
<![CDATA[
<img id="Image1" alt="image" />
<![CDATA[
<div id="main"><img alt="image" class="img" src="DB.png" /> </div>
</div>
</form>
This is the right code for you, put it in your page markup!
<script type="text/javascript">
$(document).ready(function () {
$("#main img").mouseenter(function () {
var url = $(this).attr('src');
$("#Image1").attr("src", url);
});
$("#main img").mouseleave(function () {
$("#Image1").removeAttr("src");
});
}
);
</script>
this code take the
src
address from your grid image and add to your image control when mouse enter to image area, and when leave it remove
src
attribute!