以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 XML基础 』  (http://bbs.xml.org.cn/list.asp?boardid=1)
----  [原创]请问在xml中如何结合xsl把图片显示出来?  (http://bbs.xml.org.cn/dispbbs.asp?boardid=1&rootid=&id=44954)


--  作者:eduosi
--  发布时间:4/6/2007 10:43:00 AM

--  [原创]请问在xml中如何结合xsl把图片显示出来?
[color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000]这是xml文件[/color][/color][/color][/color][/color][/color][/color][/color][/color]<?xml version="1.0" encoding="gb2312"?>
<?xml-stylesheet type="text/xsl" href="/XML/XSTL/photo/index.xsl" ?>
<photo>
    <list>
        <left>        
            <photoname>同    学</photoname>
            <pic>/images/photo/scxh/648/tengyong.jpg</pic>
            <creatTime>2007-4-4</creatTime>
            <url>/photo/648.html</url>        
        </left>
        <right>        
            <photoname>明星名人</photoname>
            <pic>img src="/images/photo/scxh/648/baby.jpg"</pic>
            <creatTime>2007-4-4</creatTime>
            <url>/photo/648.html</url>        
        </right>
    </list>
    
    <list>
        <left>        
            <photoname>风    景</photoname>
            <pic>/images/photo/scxh/648/baby.jpg</pic>
            <creatTime>2007-4-4</creatTime>
            <url>/photo/648.html</url>        
        </left>
        <right>        
            <photoname>企业人物</photoname>
            <pic>/images/photo/scxh/648/baby.jpg</pic>
            <creatTime>2007-4-4</creatTime>
            <url>/photo/648.html</url>        
        </right>
    </list>
</photo>

[size=4][color=#FF0000]这是xsl文件:[/color][/size]
<?xml version="1.0" encoding="GB2312"?>
<!-- DWXMLSource="../../xml/photo/index.xml" -->
<!DOCTYPE xsl:stylesheet  [
    <!ENTITY nbsp  " ">
    <!ENTITY copy  "©">
    <!ENTITY reg    "®">
    <!ENTITY trade  "™">
    <!ENTITY mdash  "—">
    <!ENTITY ldquo  "“">
    <!ENTITY rdquo  "”">
    <!ENTITY pound  "£">
    <!ENTITY yen    "¥">
    <!ENTITY euro  "€">
]>


<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" version="1.0" encoding="GB2312" indent="yes" doctype-public="-//W3C//DTD XHTML 1.0 Transitional//EN" doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>

    <!--根模板-->
    <xsl:template match="/">

        <html>
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
        <meta http-equiv="keywords" content="凯迪网 照片 照片目录" />
        <meta http-equiv="description" content="凯迪网 照片 照片目录" />
        
            <link href="/CSS/function.css" rel="stylesheet" type="text/css" />
            <link href="/CSS/text.css" rel="stylesheet" type="text/css" />
            <link href="/CSS/link.css" rel="stylesheet" type="text/css" />
            <style type="text/css">
                body {
                        background-color:#66CCFF;
                    }
            </style>
        
        <title>照片目录</title>
        </head>
        
        <body>
        
            <xsl:apply-templates select="photo/list" />
        
        </body>
        </html>

    </xsl:template>
    
    <!--主体模板-->
    <xsl:template match="list">
        
        <br />
        <table width="620" boder="1" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="300" height="280" align="center" style="border:solid 2px #006600;">
                    <xsl:apply-templates select="left" />
                </td>
                <td width="20" height="280" align="center"></td>
                <td width="300" height="280" align="center" style="border:solid 2px #006600;">
                    <xsl:apply-templates select="right" />
                </td>
            </tr>
        </table>
        <br />
        
    </xsl:template>
    
    <!--小组模板-->
    <xsl:template match="left">
    
        <table width="300" height="280" border="0" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="300" height="250" align="center">
                    <xsl:value-of select="pic" />
                </td>
            </tr>
            <tr>
                <td width="300" height="30" bgcolor="#009900" align="center" style="border-top:solid 2px #BFDFFF;">
                    <!--xsl:attribute name="href">
                        <xsl:value-of select="photo/648.html" />
                    </xsl:attribute-->
                    <xsl:value-of select="photoname" />
                </td>
            </tr>
        </table>
        
    </xsl:template>
    <xsl:template match="right">
    
        <table width="300" height="280" border="0" cellpadding="0" cellspacing="0" align="center">
            <tr>
                <td width="300" height="250" align="center">
                    <xsl:value-of select="pic" />
                </td>
            </tr>
            <tr>
                <td width="300" height="30" bgcolor="#009900" align="center" style="border-top:solid 2px #BFDFFF;">
                    <!--xsl:attribute name="href">
                        <xsl:value-of select="photo/648.html" />
                    </xsl:attribute-->
                    <xsl:value-of select="photoname" />
                </td>
            </tr>
        </table>
        
    </xsl:template>
    
</xsl:stylesheet>

我的目的是要达到显示照片目录:如[URL=http://www.kaidii.com/photo/photo.html]http://www.kaidii.com/photo/photo.html[/URL]中的效果


--  作者:Qr
--  发布时间:4/6/2007 11:08:00 AM

--  
<xsl:value-of select="pic" />

<img src="{pic}"/>
--  作者:jx
--  发布时间:4/6/2007 12:47:00 PM

--  
Qr说得没错。
--  作者:jx
--  发布时间:4/6/2007 12:49:00 PM

--  
Qr啥时候发表篇XML各种技术入门的文章吧。
--  作者:Qr
--  发布时间:4/6/2007 2:56:00 PM

--  
呵呵,是应该为论坛做点什么,只是最近一直比较忙,工作上要进行多媒体会场改造,生活上要进行爱情攻坚战,真够累的。上论坛也只能偷闲几分钟就溜了。
--  作者:jx
--  发布时间:4/6/2007 8:33:00 PM

--  
或者推荐几本好书吧。
--  作者:Qr
--  发布时间:4/8/2007 12:32:00 PM

--  
偶从来不推荐什么书,因为偶没有什么好书(一本XML入门基础,一本关于XSLT的书,书名不具),而且书好不好完全取决于个人的喜好和理解能力(个人看法)。其实对偶来说,最好的书(非要推荐一本的话),就是论坛上的每位网友,看他们的贴子,和他们讨论,因为你不可能遇到所有的问题,书本也不可能涵概所有内容。偶就是这样子成长起来的。
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
62.500ms