0

xmlからデータを読んでいます。

    {
        XmlDocument doc = new XmlDocument();
        doc.Load(Server.MapPath("~/multipleimage.xml"));
        XmlNode root = doc.DocumentElement;
        XmlNodeList nodeList = root.SelectNodes("Image");

        foreach (XmlNode node in nodeList)
        {
            HtmlAnchor a1 = new HtmlAnchor(); 
            Image imagesource = new Image();                
            string path = "Uploads/";
            string imageurl = path + node.SelectSingleNode("Imagepath").InnerText;
            imagesource.Style.Add(HtmlTextWriterStyle.PaddingLeft, "7px");
            imagesource.Style.Add(HtmlTextWriterStyle.PaddingRight, "5px");
            imagesource.Style.Add(HtmlTextWriterStyle.PaddingTop, "5px");
            imagesource.Style.Add(HtmlTextWriterStyle.PaddingBottom, "5px");
            imagesource.ImageUrl = imageurl;
            imagesource.Height = 90;
            imagesource.Width = 90;
            string imagetitle =  node.SelectSingleNode("imagetitle").InnerText;
            a1.Attributes.Add("href", imageurl);
            a1.Attributes.Add("rel", "lightbox[roadtrip]");                
            a1.Attributes.Add("title", imagetitle);
            a1.Controls.Add(imagesource);
            Div1.Controls.Add(a1); 
        }
    }

コードビハインドでもコントロールをバインドしています。コードビハインドでもライトボックス効果を使用しています。すべて正常に動作していますが、href の高さと幅をコード ビハインドから設定できますか?

4

2 に答える 2

0

Href はアンカー タグ ( <a />) の属性であり、ハイパーリンクがブラウザを誘導する場所を参照します。

一般に、コード ビハインドでクラスや ID を設定し、css でスタイルを設定しようとします。このようにして、再コンパイルせずにスタイルを変更できます。

a1.Attributes.Add("class", "my-class");

そしてcssで：

.my-class
{
   width:100px;
   height:10px;
}

または画像の場合：

.my-class img
{
   width:100px;
   height:10px;
}

ただし、ライトボックスはこれらの値を更新している可能性があります。firebug (または組み込みの検査ツール - F12 を押してみてください) などのツールを使用して、画像要素に実際に追加されているスタイルを確認します。

于 2013-04-30T11:03:53.280 に答える