asp的鼠标悬停属性:动态的图像标签

时间:2011-12-01 07:08:31

标签: c# asp.net visual-studio

我有一个asp:图片标签

  <asp:Image runat="server" ID="imgDeptHeader" />

我将其图像设置为

 ImgDeptHeader.ImageUrl = imgpath + txtCatimage;

我需要动态地显示onmouseover上的大图像。我可以动态设置吗?

2 个答案:

答案 0 :(得分:0)

我使用jquery和html image

完成了它
  <script type="text/javascript">
                function ImageAssign() {
        //set source of html img
                    document.getElementById("image1").src = document.getElementById("<%= Hidden_Resource.ClientID %>").value;

                }
            </script>

            <script type="text/javascript">

            jQuery(document).ready(function($) {

              //  var ss = 'small.jpg';
                $('#image1').addimagezoom({
                    zoomrange: [3, 10],
                    magnifiersize: [300, 300],
                    magnifierpos: 'right',
                    cursorshade: true,

                })
            })

            </script>
image tag:

<img id="image1" border="0" src="" alt="img" />

答案 1 :(得分:0)

您可以将onMouseOver属性添加到呈现给页面的任何控件。

    private void Page_Load(Object sender, EventArgs e) 
{ 
    imgButton.Attributes.Item("onMouseOver") = "javascript:swapImageIn('myID');return true;"
     imgButton.Attributes.Item("onMouseOut") = "javascript:swapImageOut(); return true;" 
    }