vbでイメージとして値を表示

Question

私のaspxページには、私のデータベースの値を "*"と表示するgridviewがあります。したがって、データベーステーブルの値が5の場合、gridviewに "*****"と表示されます。 aspxの中

コード：aspx.vbで

<asp:TemplateField HeaderText="Rating" SortExpression="Rating"> 
       <ItemTemplate><h1><%# getrating(Eval("Rating"))%></h1></ItemTemplate> 
      </asp:TemplateField> 

コードが

Protected Function getrating(ByVal rate As Integer) 
     Dim retval As String 
     retval = "" 
     For i = 1 To rate 
      retval = retval + "*" 
     Next 
     Return retval 
    End Function 

私は何をしたいにおけるので、その "*" 絵、すなわちstar.jpgへの変更であります「*」の代わりに「star32.jpg」という画像が表示されます。

どうすればいいですか？ MS Visual Studio 2010を使用する

Answer 1

あなただけの、次のような何か行うことができる必要があります：

retval = retval + "<img src=""star.jpg"" alt=""*"">" 

をあなたが同じ行にそれらすべてを置くために、いくつかのスタイリングが必要な場合があります（フロート：左が行う必要があります）が、私はそれがあるかどうかぶっきらぼう忘れます必要。

この原則は明らかに基本的です。出力されたHTMLには、*の前に画像タグがあります。

Protected Function getrating(ByVal rate As Integer) 
    Dim retval As String 
    retval = String.Format("<img src=""Star{0}.jpg"" alt=""{0} stars"">", rate) 
    Return retval 
End Function 

この意志出力Star5にStar1のいずれかを指す画像タグ：それを行うには滑らかな印象の方法は、5に1のための5枚の画像を持っているし、その後のようなものを持っているかもしれません。これは、5つの同一サイズの画像を作成するだけでなく、使用するスペースが常に同じであることを知ることができるように、見た目をよりよく制御できるため、いくつかの点でより優れています。

Answer 2

CSS-http://www.thebroth.com/blog/119/css-rating-starsを使用した実装は次のとおりです。効果を作成するには別のdivと2つの画像が必要ですが、きれいな解決策です。