Sign in Register
Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Mads Sørensen 188 posts 433 karma points
    May 30, 2012 @ 09:27
    Mads Sørensen
    0

    Display images with Xlst and MediaPicker in umbraco 4.7.2

    Hey Guys

    I've searched all morning to find a simple solution to display images with xslt and the media picker.

    This is what figured out for now, BUT, no images are displayed :'(

    It's bit confusing for a rookie XSLT dude like me :P

    <div id="fokusMasterObject">
        <a href="#">
        <xsl:variable name="imageId" select="$currentPage/data[@alias = 'fokusFromMainWebsite']" />
        <xsl:if test="$imageId != ''">
            <xsl:variable name="image" select="umbraco.library:GetMedia($imageId, true)" />
            <img src="{$image/data[@alias = 'umbracoFile']}" width="{$image/data[@alias = 'umbracoWidth']}" height="{$image/data[@alias = 'umbracoHeight']}" />
        </xsl:if>
        </a>
    </div>

    Copy Link
  • Chriztian Steinmeier 2726 posts 8320 karma points MVP 4x admin c-trib
    May 30, 2012 @ 09:37
    Chriztian Steinmeier
    0

    Hi Mads,

    You're just unfortunate to have found some XSLT for the "Legacy XML Schema" (search for it, to see what changed).

    To do the same with the New XML Schema (since, I believe, Umbraco 4.5):

    <div id="fokusMasterObject">
    <a href="#">
        <xsl:variable name="imageId" select="$currentPage/fokusFromMainWebsite" />
        <xsl:if test="normalize-space($imageId)">
            <xsl:variable name="image" select="umbraco.library:GetMedia($imageId, false())" />
            <img src="{$image/umbracoFile}" width="{$image/umbracoWidth}" height="{$image/umbracoHeight}" />
        </xsl:if>
    </a>
</div>

    /Chriztian 

    Copy Link
  • Mads Sørensen 188 posts 433 karma points
    May 30, 2012 @ 09:51
    Mads Sørensen
    0

    Hey Steinmeier
    As usual you are getting things working for me :o)

    I guess this is what you where talking about whit the new schema http://our.umbraco.org/wiki/reference/xslt/45-xml-schema/xslt-examples-updated-to-new-schema

    Copy Link
  • Mads Sørensen 188 posts 433 karma points
    May 30, 2012 @ 10:37
    Mads Sørensen
    0

    Hey Christian

    Your suggestion worked fine but when i kombine it with this:

    <div id="fokusMasterObject">  
             <xsl:if test="normalize-space(fokusFromMainWebsiteLink)"> 
             <a href="{umbraco.library:NiceUrl(fokusFromMainWebsiteLink}">
             
                    <xsl:variable name="imageId" select="$currentPage/fokusFromMainWebsite" />
                    <xsl:if test="normalize-space($imageId)">
                            <xsl:variable name="image" select="umbraco.library:GetMedia($imageId, false())" />
                    <img src="{$image/umbracoFile}" width="{$image/umbracoWidth}" height="{$image/umbracoHeight}" />
                    </xsl:if>
            </a> 
            </xsl:if>  
        
    </div>

    Error occured!

    I gues it maybe is because i use <xsl:if></xsl:if> inside in a <xsl:if></xsl:if> ????

    <xsl:if>
     <xsl:if></xsl:if>
    </xsl:if>
    Copy Link
  • Chriztian Steinmeier 2726 posts 8320 karma points MVP 4x admin c-trib
    May 30, 2012 @ 10:54
    Chriztian Steinmeier
    0

    Hi Mads,

     

    You can have as many nested xsl:if statements as you can fit in a big barrel (figuratively speaking - you know what I mean :-).

    I can think of two things that would go wrong:

    - You're missing the closing parenthesis in the call to NiceUrl() - If that's just a typo here, the other thing would be that fokusFromMainWebsiteLink needs to be a page id - is that the case? 

    /Chriztian

    Copy Link
  • Mads Sørensen 188 posts 433 karma points
    May 30, 2012 @ 11:04
    Mads Sørensen
    0

    just figured it out myself :o)

    Embarrassing :o)

     

    <div id="fokusMasterObject">
             
             <xsl:if test="normalize-space($currentPage/fokusFromMainWebsiteLink)"> 
             <a href="{umbraco.library:NiceUrl($currentPage/fokusFromMainWebsiteLink)}">
             
                    <xsl:variable name="imageId" select="$currentPage/fokusFromMainWebsite" />
                    <xsl:if test="normalize-space($imageId)">
                            <xsl:variable name="image" select="umbraco.library:GetMedia($imageId, false())" />
                    <img src="{$image/umbracoFile}" width="{$image/umbracoWidth}" height="{$image/umbracoHeight}" />
                    </xsl:if>
            </a> 
            </xsl:if>  
        
    </div>
    Copy Link

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies