XSL 到 HTML - 插入图像答案

【问题标题】：XSL to HTML - Insert ImageXSL 到 HTML - 插入图像
【发布时间】：2016-05-29 17:20:40
【问题描述】：

我正在从 XML 制作一个 XSL（要转换为 HTML）文件，并且我想插入一个图像。我的问题是图像的链接在 XML 中。我想要来自“caixa id="102"”的图像。我该怎么做？

XML：

<loja xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:noNamespaceSchemaLocation="trabalhoXSD.xsd">
<componentesDisponiveis>
    <caixa id="101">
        <preco>23.90</preco>
        <imagem>https://www.pcdiga.com/bizizi/img_upload/produtos_1/18677_1_gx.jpg?d=1443548409</imagem>
        <descricao>A Nox introduz a Kore: uma solução com amplas possibilidades num formato semi-tower. A sua versatilidade converte-a numa opção perfeita para aqueles que 
            necessitam de uma caixa para hardware de alto desempenho, num formato mais compacto.
            O design em preto com linhas angulares fornecem-lhe um aspecto implacável, juntamente com o efeito de alumínio escovado do painel frontal.</descricao>
        <HDD>5</HDD>
        <SDD>1</SDD>
        <leitorDiscosOpticos>0</leitorDiscosOpticos>
    </caixa>
    <caixa id="102">
        <preco>124.89</preco>
        <imagem>https://www.pcdiga.com/bizizi/img_upload/produtos_1/8502_1_gx.png?d=1348685644</imagem>
        <descricao>Quando você precisar de sair e levar seu jogo, a caixa Vengeance C70 é a opção perfeita. Ela é esculpida em aço sólido e feito para sobreviver a viagens com 
            menos desgaste, e as alças para transporte ergonómico acrescentam confiança ao transporte.</descricao>
        <HDD>8</HDD>
        <SDD>1</SDD>
        <leitorDiscosOpticos>0</leitorDiscosOpticos>
    </caixa></componentesDisponiveis></loja>

【问题讨论】：

你想在哪里插入图片？请发布您到目前为止的 XSLT 以及预期的结果。

标签： html xml xslt

【解决方案1】：

图像源和其他 HTML 属性一样，需要使用<xsl:attribute> 标签添加。

<img>
    <xsl:attribute name="src">
        <xsl:value-of select="componentesDisponiveis/caixa[@id = '102']/imagem"/>
    </xsl:attribute>
</img>

如您所见，要获取特定的 Id，您只需将其添加在方括号之间作为条件。

【讨论】：