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


  • Muhammad hussain 33 posts 53 karma points
    Jul 14, 2010 @ 08:12
    Muhammad hussain
    0

    who to Edit Text on image using Xslt

    I have an image and there is a text on image. I want to make the text on image Editable. I want to Do this thing using Xslt.

    Can any one help me.

    Thanks

    Hussain

    Copy Link
  • wolulcmit 357 posts 693 karma points
    Jul 14, 2010 @ 08:50
    wolulcmit
    0

    you could use css to overlay your text on top of an image.... something like this:

    <div class="image-with-text">
    <img src="your-image.jpg" alt="a nice image" />
    <h6>Sweet sweet text</h6>
    </div>

    .image-with-text{position:relative}
    .image-with-text h6 {display:block; position:absolute; bottom:0; background: rgba(255,255,255,0.8)}

    the xslt will be something along the lines of:

    <div class="image-with-text">
    <img>
    <xsl:attribute name="src">
    <xsl:value-of select="umbraco.library:GetMedia($img0,'false')/data [@alias = 'umbracoFile']" />
    </xsl:attribute>
    <xsl:attribute name="alt">
    <xsl:value-of select="umbraco.library:GetMedia($img0,'false')/@nodeName" />
    </xsl:attribute>
    </img>
    <h6><xsl:value-of select="umbraco.library:GetMedia($img0,'false')/@nodeName" /></h6>
    </div>

    I hope that helps

    -Tim

    Copy Link
  • Muhammad hussain 33 posts 53 karma points
    Jul 15, 2010 @ 20:54
    Muhammad hussain
    0

    Hi Tim

    Thanks of Reply. Realy i did this thing.

     

    Hussain

     

    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