GridView显示图片

Question

当鼠标经过GridView每行时，显示这行里的图片，就相当于一个提示信息一样？请问如何能实现？

Answer 1

 貌似淘宝那种弹出一个显示产品图片的Div吗?

Answer 2

那你需要给每一行添加mouseover事件，通过该事件来调用前台的JS方法来显示

Answer 3

那你需要给每一行添加mouseover事件，通过该事件来调用前台的JS方法来显示，或者用ajax做

Answer 4

div.innerHTML="<img src=""/>"

Answer 5

给每一行添加mouseover事件，通过该事件来调用前台的JS方法来显示
div.innerHTML=" <img src=""/>"
需要js水平.

Answer 6

代码参考如下：protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            int index1;
            string sid;
            string str;
            if (e.Row.RowType == DataControlRowType.DataRow)//<img src='" + dtu.Rows[0]["image"].ToString() + "' width='12' height='12' align='absmiddle' border='0'>
            {
                e.Row.Cells[0].Text = (e.Row.RowIndex + 1).ToString();
                e.Row.Attributes["onMouseout"] = "checktronmouseout(this);";
                e.Row.Attributes["onMouseover"] = "checktronmouseover(this)";
                index1 = e.Row.RowIndex;
                sid = GridView1.DataKeys[index1]["id"].ToString();
                for (int i = 0; i < e.Row.Cells.Count; i++)
                {
                    if ((e.Row.Cells[i].Text != "") && (i == 3) && (e.Row.Cells[i].Text != null))
                    {
                        str = e.Row.Cells[i].Text;
                        if (str.Length >= 30)
                        {
                            e.Row.Cells[i].Text = (new StrMethod()).cutStr(e.Row.Cells[i].Text, 30);
                            e.Row.Cells[i].Text = "<a style='cursor:hand;' title='" + str + ">" + e.Row.Cells[i].Text + "</a>";
                        }
                    }
                    if ((e.Row.Cells[i].Text != "") && (i == 4) && (e.Row.Cells[i].Text != null))
                    {
                        //str = e.Row.Cells[i].Text.Substring(4);
                        e.Row.Cells[i].Text = "<img src='../" + e.Row.Cells[i].Text + "' style='cursor:hand;' title='" + e.Row.Cells[3].Text + "' width='12' height='12' align='absmiddle' border='0'>";
                    }
                }
            }
        }