3

私は ASP と C# に慣れていないので、次の 2 つの問題を解決する方法を学びたいと思っています。

  1. コード ビハインドには、(データベースからの) 画像のリストがあります。これらの画像を A​​SPX ページに表示したいと思います。ASPX ページがコード ビハインドからリストにアクセスできるようにする最善/最も簡単な方法は何だろうと思っていました。この主題に関するチュートリアルは、私には少し混乱しています。

  2. 2 番目の質問は、すばらしい JQuery ギャラリーについてです。私が見つけたほとんどすべてのプラグインは、私が探しているものではなく、ある種のスライダーです。理想的なプラグインは、ページ上のすべての (サムネイル) 画像を表示し、次と前のボタンを含める必要があります。また、マウスカーソルを画像の上に置いた後に画像の名前が表示されると便利です。

誰かが私の質問に答えてくれるといいのですが、

前もって感謝します

4

1 に答える 1

3

質問1

グリッドビューを使用して画像を表示できますが、コード ビハインドにあるリストのタイプが正確にわからないため、Name と URL の 2 つのプロパティを持つ単純なList<Images>where Imagesis クラスを作成しましたが、それに応じてコードを変更できると信じていますリストを操作するには:

ASPX:

<asp:GridView ID="gvImages" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:ImageField DataImageUrlField="URL" HeaderText="Image" 
        ControlStyle-Height="150" ControlStyle-Width="120" />
    </Columns>
</asp:GridView>

コードビハインド:

    protected void Page_Load(object sender, EventArgs e)
    {
        List<Image> images = new List<Image>
        {
            new Image("Picture 1","~/Images/Pic1.jpg"),
            new Image("Picture 2","~/Images/Pic2.jpg"),
        };

        gvImages.DataSource = images;
        gvImages.DataBind();
    }
}

public class Image
{
    public Image(string name, string url)
    {
        this.name = name;
        this.url = url;
    }

    private string name;
    public string Name
    {
        get { return name; }
        set { name = value; }
    }

    private string url;
    public string URL
    {
        get { return url; }
        set { url = value; }
    }
}

質問2

jQuery Galleriaを見てください。すべてのサムネイルと次および前のボタンを一覧表示する機能があります。また、画像にカーソルを合わせたときに画像の名前やその他の説明を表示したい場合は、titleHTML 属性を望ましい値:

ここに画像の説明を入力

于 2012-12-24T05:42:28.433 に答える