Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
Hi,
I have a web page which has a slideshow image background.
I load the slideshow with the following code:
$(document).bgStretcher({ images: ['images/bg1.jpg', 'images/bg2.jpg', 'images/bg3.jpg', 'images/bg4.jpg' ], imageWidth: $(window).width(), imageHeight: $(window).height() });
I would like to populate the images property from a media picker, which the editor will populate.
Any one have a suggestion on how to do this? I'm a little lost TBH.
Thank you!
Hi Elad,
You can either a XSLT Macro, or a Razor macro to render out the mark up you need.
Your template would be something like
$(document).bgStretcher({ images: [<umbraco:Macro Alias="getImages" runat="server"/>], imageWidth: $(window).width(), imageHeight: $(window).height()});
Rich
I have done several sites in Umbraco, but still find myself not looking in the right places...
I'm now stuck on the XSLT :(
This is what I have going, but it's not outputing anything:
<xsl:param name="currentPage"/> <xsl:template match="/imageList/multi-url-picker"> <xsl:for-each select="/url-picker"> <xsl:variable name="url"><xsl:value-of select="./url" /></xsl:variable> <xsl:value-of select="concat('"', $url, '"')" /> </xsl:for-each> </xsl:template>
Hey Elad,
First things first, you need to be using a data type that allows mutiple selections of images, something like uComponents MultiNodeTreePicker or DAMP.
Which datatype are you using?
I used the multi URL picker. I got it working.
Here is the XSLT code, for future generations :)
<xsl:param name="currentPage"/><xsl:template match="/"> <xsl:apply-templates select="$currentPage/ancestor-or-self::ContentPages/imageList/multi-url-picker" /></xsl:template> <xsl:template match="url-picker"> <xsl:variable name="url"><xsl:value-of select="./url" /></xsl:variable> <xsl:value-of select="concat('"', $url, '",')" /> </xsl:template>
Nice work, glad you got it working :)
is working on a reply...
Write your reply to:
Upload image
Image will be uploaded when post is submitted
media picker in to javascript
Hi,
I have a web page which has a slideshow image background.
I load the slideshow with the following code:
$(document).bgStretcher({
images: ['images/bg1.jpg', 'images/bg2.jpg', 'images/bg3.jpg', 'images/bg4.jpg' ], imageWidth: $(window).width(), imageHeight: $(window).height() });
I would like to populate the images property from a media picker, which the editor will populate.
Any one have a suggestion on how to do this? I'm a little lost TBH.
Thank you!
Hi Elad,
You can either a XSLT Macro, or a Razor macro to render out the mark up you need.
Your template would be something like
$(document).bgStretcher({
images: [<umbraco:Macro Alias="getImages" runat="server"/>], imageWidth: $(window).width(), imageHeight: $(window).height()});
Rich
Thank you!
I have done several sites in Umbraco, but still find myself not looking in the right places...
I'm now stuck on the XSLT :(
This is what I have going, but it's not outputing anything:
<xsl:param name="currentPage"/>
<xsl:template match="/imageList/multi-url-picker">
<xsl:for-each select="/url-picker">
<xsl:variable name="url"><xsl:value-of select="./url" /></xsl:variable>
<xsl:value-of select="concat('"', $url, '"')" />
</xsl:for-each>
</xsl:template>
Hey Elad,
First things first, you need to be using a data type that allows mutiple selections of images, something like uComponents MultiNodeTreePicker or DAMP.
Which datatype are you using?
Rich
I used the multi URL picker. I got it working.
Here is the XSLT code, for future generations :)
<xsl:param name="currentPage"/>
<xsl:template match="/">
<xsl:apply-templates select="$currentPage/ancestor-or-self::ContentPages/imageList/multi-url-picker" />
</xsl:template>
<xsl:template match="url-picker">
<xsl:variable name="url"><xsl:value-of select="./url" /></xsl:variable>
<xsl:value-of select="concat('"', $url, '",')" />
</xsl:template>
Nice work, glad you got it working :)
is working on a reply...