Repeater里图片根据绑定数值变换的问题

Question

期待指数：0.5~10，20个值.现在想用图片表示这20个值。
0.5分    b.jpg
1分      q.jpg
0分      h.jpg
三张图片组成
例：5分   ★★★★★
    4分   ★★★★☆
    3.5分 ★★★(一半黑的星)☆
 
  <table style="width: 690px" cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                            <tr>
                                <td style="width: 100px">
                                    &nbsp;<a href='ClickCount.aspx?url=<%#Eval("url") %>' target="_blank">
                                        <%# DBClass.CutString( Eval("topic").ToString(),10) %>
                                    </a>
                                </td>
                                <td style="width: 40px">
                                    时间：
                                </td>
                                <td style="width: 80px">
                                    <%#Eval("date") %>
                                </td>
                                <td style="width: 40px">
                                    栏目：
                                </td>
                                <td style="width: 62px">
                                    <a class="xoo" href='Classify.aspx?classid=<%#Eval("classid")%>'>
                                        <%#Eval("classname") %>
                                    </a>
                                </td>
                                <td style="width: 66px">
                                    期待指数：
                                </td>
                                <td style="width: 30px">
                                    <%#Eval("tuijian") %>
                                </td>
                                <td style="width: 39px">
                                    编辑：
                                </td>
                                <td style="width: 62px">
                                    <%#Eval("ed") %>
                                </td>
                                <td style="width: 39px">
                                    策划：
                                </td>
                                <td style="width: 50px">
                                    <%#Eval("des") %>
                                </td>
                                <td style="width: 37px">
                                    美术：
                                </td>
                                <td style="width: 56px">
                                    <%#Eval("tec") %>
                                </td>
                            </tr>
                        </tbody>
                    </table>
   现在<%#Eval("tuijian") %>是0.5~10这几个值
怎么根据这些数字在<%#Eval("tuijian") %>部分生成对应分值的图片呢？

Answer 1

<table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                        <tr>
                                                                            <td>
                                                                                推荐指数：
<asp:Image ID="Image2" runat="server" Width="15px" Height="15px" />
<asp:Image ID="Image3" runat="server" Width="15px" Height="15px" />
<asp:Image ID="Image4" runat="server" Width="15px" Height="15px" />
<asp:Image ID="Image5" runat="server" Width="15px" Height="15px" />
<asp:Image ID="Image6" runat="server" Width="15px" Height="15px" />
<%#Eval("tuijian") %>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
各位大大看看这可不可以实现？怎么在后台跟据<%#Eval("tuijian") %>判断给5个image相应的url呢？

Answer 2

或者别的方法可以实现的？
不想做20张整张的图片这样做...
像CSDN下载评分那也是用3张图片来回组合的吧...
不过好像没在repeater里

Answer 3

 <asp:Repeater ID="Repeater1" runat="server">
        <HeaderTemplate>
            <table>
                <tr>
                    <td>分数</td>
                    <td>图片</td>
                </tr>
        </HeaderTemplate>
        <ItemTemplate>
            <tr>
                <td><%# Eval("Score") %></td>
                <td><%# GetStar(Eval("Score").ToString()) %></td>
            </tr>
        </ItemTemplate>
        <FooterTemplate>
            </table>
        </FooterTemplate>
        </asp:Repeater>protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                this.Repeater1.DataSource = GetData();
                this.Repeater1.DataBind();
            }
        }        private DataTable GetData()
        {
            //新建表
            DataTable dt = new DataTable();            //定义表结构
            dt.Columns.Add("Score", typeof(System.Int32));            //添加新行
            for (int i = 1; i <= 5; i++)
            {
                DataRow dr = dt.NewRow();
                dr[0] = i;
                dt.Rows.Add(dr);
            }
            return dt;
        }        public string GetStar(string score)
        {
            //次数可以根据条件组合图片返回
            switch (score)
            { 
                case "1":
                    return "★☆☆☆☆";
                case "2":
                    return "★★☆☆☆";
                case "3":
                    return "★★☆☆☆";
                case "4":
                    return "★★★★☆";
                case "5":
                    return "★★★★★";
                default:
                    return "";
            }
            
        }

Answer 4

根据分值显示图片,
new string('★',分值);
★1分
☆0.5分
或根据分值用switch判断实现

Answer 5

我也想到像6楼和7楼说的switch判断，但是现在是如何给image控件相应的src的问题
<<td><%# GetStar(Eval("Score").ToString()) %></td>这里应该是5个image

Answer 6

把
 case "1":
 return "★☆☆☆☆";改为case "1":
return "<img src='img01.gif' alt='' />"不就行了，以此类推