How to retrieve data from sql table on mouseover on image

Yes possible, i can give you a idea

1.On Mouse hover call a AJAX GET Method
2.Write a method to fetch desire record from DB

Here is a small eg. that show how it work.

<script type="text/javascript" language="javascript">
var addingProduct = false;

function AddProduct() {                 

    $.ajax({
        type: 'Get',
        url: '/Home/getCategory',
        data: {
            lastProduct: parseInt($("#hdnConfirm").val())
        },
        async: true,
        dataType: "html",
        success: function (data) {
            if (data !== null && data !== "") {
                addingProduct = false;
                //alert(document.getElementById('hdnCatCount').value);
                $('#initialCategoryDiv').append(data);
                document.getElementById('hdnConfirm').value = (parseInt(document.getElementById('hdnConfirm').value) + 1);
                $('#timelinecontentround').hide();
            }
        },
        error: function (xhr, ajaxOptions, thrownError) {
            $('#timelinecontentround').hide();
        }
    });
    return false;
}

$(window).load(function () {
    document.getElementById('hdnConfirm').value = 1;

});               
</script>