Anwenden einer CSS-Klasse zu Bild in asp:Hyperlink?

Bin ich mit asp:Hyperlink zu erbringen verlinkten Bilder dynamisch in Abhängigkeit von Parametern in der URL. Ich muss in der Lage sein, das hinzufügen einer CSS-Klasse auf der gerenderten img, und kann nicht herausfinden, wie das zu tun.

Ich weiß, ich kann hinzufügen "CssClass="bla"" der asp:Hyperlink, aber in der gerenderten HTML, nur der eine erhält die css-Klasse. Wie diese:

<a href="assets/images/blah.jpg" class="blah" id="ctl00_LeftContent_alternateImage4">
<img style="border-width: 0px;" src="assets/images/blahThumbnail.jpg"/>
</a>

Habe ich gefunden eine andere Frage, die mir erlaubt, fügen Sie inline-Stil auf ein Steuerelement, aber ich will hinzufügen-Klasse, um die img, dass die asp:Hyperlink erzeugt.

Ist es möglich, etwas ähnliches zu tun, um diese Antwort:

myControl.Attributes.Add("style", "color:red");

Wie, vielleicht?:

myControl.img.Attributes.Add("class", "blah");
InformationsquelleAutor Sarah Jean | 2009-09-15
  1. 11

    Sieht es aus wie Sie über die ImageUrl-Eigenschaft des HyperLink. Ich würde empfehlen, das innere Bild-Steuerelement explizit:

    <asp:HyperLink runat="server" CssClass="linkclass" NavigateUrl="http://example.com">
   <asp:Image runat="server" CssClass="imgClass" ImageUrl="yourimage.jpg" />
</asp:HyperLink>
    • genial! danke, das ist genau das, was ich brauchte
    InformationsquelleAutor jrummell
  2. 2

    Verwenden Sie einfach die CssClass="blah" code, wie Sie versucht wurden, aber dann in der css-Datei:

    .blah img {border-width: 0px;}

    Dass die Ziele img - tags innerhalb des elements mit der .blah Klasse.

    • ich hätte mehr spezifisch-es ist nicht so, dass ich hinzufügen müssen, um styling, um die img, die Ihre Antwort wäre sicherlich lassen Sie mich tun, es ist, dass ich versuche, Ziel, Bild, basierend auf seiner Klasse mit javascript
    InformationsquelleAutor Joel Coehoorn
  3. 0

    Ausweitung @jrummell Antwort:

    Wenn Sie Ihr Bild Hinzugefügt wird dynamisch im code-behind, können Sie das gleiche zu erreichen wie folgt:

    <% (lnkImage.Controls[0] as Image).CssClass = "some-class"; %>
    InformationsquelleAutor Morpheus
  4. 0

    Könnten Sie versuchen, etwas ähnlich wie diese:

    HyperLink1.Attributes("onmouseover") = "this.firstChild.src='Images/MouseOver.jpg'"
    InformationsquelleAutor InteXX
Schreibe einen Kommentar