I am following Tim's video tutorial on Using Content and Media Pickers. I have reached the part of the tutorial where I have to set the image source to the path returned by get media.
The page loads without the error message for this but the image does not load. When I inspect the element in chrome a tooltip message next to the variable '$imgSrc' gives the following message: "Failed to load given URL"
Also, in case it is relevant, the path returned by the get media shows as follows:
I wrote a blog post about using GetMedia a while ago. [link]
The common misconception of using the GetMedia function is that it will return the image path - instead it returns an XML document that contains all the properties of that media item.
My advice for "best practise" is to follow how I use GetMedia in my blog post - as in, testing each part as a value (in order to prevent any errors)
However if you would like a single line to copy-n-paste, use this:
I have made a website in umbraco. i first created it in turkish language then i copied that node in content node and set a new hostname for that. so now my site is in two languages. But after i have converted my site into multilingual site, i am having problem in rendering image. I am using getMedia method to render image, but images renders some times and some times i got empty src. I have searched a lot on net but i did not find any solution. I am posting my code. Please help me.
Failed to load given URL - img src
I am following Tim's video tutorial on Using Content and Media Pickers. I have reached the part of the tutorial where I have to set the image source to the path returned by get media.
I have followed Tim's example:
<img src="{umbraco.library:GetMedia($currentPage/mediaItem, 'false')}" />
But when I load the page it says 'error reading xslt file'. I then tried to follow the examples on the new schema by Warren Buckley, as linked to here http://our.umbraco.org/wiki/reference/xslt/45-xml-schema/xslt-examples-updated-to-new-schema and came up with this:
<h2> Path </h2>
<xsl:value-of select="umbraco.library:GetMedia($currentPage/mediaItem, 'false')"/>
<xsl:variable name = "imgSrc" select="umbraco.library:GetMedia($currentPage/mediaItem, 'false')" />
<h2> Image </h2>
<img src="$imgSrc"/>
The page loads without the error message for this but the image does not load. When I inspect the element in chrome a tooltip message next to the variable '$imgSrc' gives the following message: "Failed to load given URL"
Also, in case it is relevant, the path returned by the get media shows as follows:
~/media/528/122011_1710_Myrubbishne2.jpg1280960166169jpg
Any help appreciated
Hi Bob,
I wrote a blog post about using GetMedia a while ago. [link]
The common misconception of using the GetMedia function is that it will return the image path - instead it returns an XML document that contains all the properties of that media item.
My advice for "best practise" is to follow how I use GetMedia in my blog post - as in, testing each part as a value (in order to prevent any errors)
However if you would like a single line to copy-n-paste, use this:
<img src="{umbraco.library:GetMedia($currentPage/mediaItem, 0)/umbracoFile}" />Cheers, Lee.
hi Lee Kelleher,
I have made a website in umbraco. i first created it in turkish language then i copied that node in content node and set a new hostname for that. so now my site is in two languages. But after i have converted my site into multilingual site, i am having problem in rendering image. I am using getMedia method to render image, but images renders some times and some times i got empty src. I have searched a lot on net but i did not find any solution. I am posting my code. Please help me.
My site url is http://www.wedclassis.com/en/magonline/
code
<ul class="books">
<xsl:for-each select="$currentPage//Book">
<li>
<h3><xsl:value-of select="@nodeName" /></h3>
<xsl:variable name="bookImage" select="umbraco.library:GetXmlNodeById(@id)/bookImage" />
<!--1<xsl:value-of select="umbraco.library:GetMedia($bookImage,'false')/umbracoFile" />
2<xsl:value-of select="umbraco.library:GetMedia($bookImage,0)/umbracoFile" /> -->
<a href="{umbraco.library:NiceUrl(@id)}">
<xsl:choose>
<xsl:when test="$bookImage > 0">
<!-- <textarea><xsl:copy-of select="$bookImage" /></textarea> -->
<xsl:variable name="img1" select="umbraco.library:GetMedia($bookImage,'false')/umbracoFile" />
<xsl:variable name="img2" select="umbraco.library:GetMedia($bookImage,0)/umbracoFile" />
<xsl:choose>
<xsl:when test="$img1!= ''">
<img src="{$img1}" alt="" style="display: block;" />
</xsl:when>
<xsl:otherwise>
<img src="{$img2}" alt="" style="display: block;" />
</xsl:otherwise>
</xsl:choose>
</xsl:when>
<xsl:otherwise>
<img alt="" style="display: block;" src="http://www.sunqld.com/libr/data/busisale_e/1369089779/noImage.jpg" />
</xsl:otherwise>
</xsl:choose>
</a>
</li>
</xsl:for-each>
</ul>
I posted my question here beacuase i did not find the link through which i can ask a new question.
is working on a reply...