Hi Jan, welcome to the Umbraco community!

First advice would be to read over the following articles, they will familiarise you with the GetMedia function.

http://our.umbraco.org/wiki/reference/umbracolibrary/getmedia

http://blog.leekelleher.com/2009/11/30/how-to-use-umbraco-library-getmedia-in-xslt/

If you get stuck and need some advice, copy-n-paste your XSLT code (either small snippet or full template) and we can help your figure out (and understand) the problem.

Good luck, Lee.

thanx for quick response lee.

im terrible with the macros there - only using the basic default ones for umbraco.

I use the macro to list out each page under the current page.

Mainpage Excomm
      page 1 news
      page 2 contact

with the simple default used from umbraco.

<xsl:for-each select="$currentPage/ancestor-or-self::node [@level=$level]/node [string(data [@alias='umbracoNaviHide']) != '1']">
  <xsl:if test="umbraco.library:HasAccess(@id, @path) = true()">    
      <a href="{umbraco.library:NiceUrl(@id)}">
        <xsl:value-of select="@nodeName"/>
      </a>
  </xsl:if>
</xsl:for-each>

each page has a property (ExcommKnap) a media picker.

and i managed to make this here that i can use to pull out the image onto a normal template - while tying a class from stylesheet.
i would like to get this into the macro somehow.

how do i specify that it has to use (ExcommKnap) in my macro and then print out the image as such (with class from stylesheet)

 <umbraco:Item runat="server" field="excommknap" xslt="concat('&lt;img class=&quot;ExcommKnap&quot; src=&quot;', umbraco.library:GetMedia({0},'true')/data[@alias='umbracoFile'], '&quot;alt=&quot;', umbraco.library:GetMedia({0},'true')/data[@alias='umbracoFile'], '&quot;/&gt;')" xsltDisableEscaping="true" />

sorry if im not making much sense - im having hard time wrapping my brain around this here
          

Written from the top of my head... :)

<img class="ExcommKnap">

<xsl:attribute name="src">

<xsl:value-of select="umbraco.library:GetMedia(data[@alias='excommknap'], 0)/data [@alias = 'umbracoFile']"/>

</xsl:attribute>

</img>

And you should be added in the for-each loop if I understand you correctly...

i tried your suggestion.

<xsl:template match="/">

<!-- The fun starts here -->
<ul>
<xsl:for-each select="$currentPage/node [string(data [@alias='umbracoNaviHide']) != '1']">

   <xsl:attribute name="src">
      <xsl:value-of select="umbraco.library:GetMedia(data[@alias='excommknap'], 0)/data [@alias = 'umbracoFile']"/> 
   </xsl:attribute>

</xsl:for-each>
</ul>

</xsl:template>

but it wrote out a error list.

(XmlQueryRuntime {urn:schemas-microsoft-com:xslt-debug}runtime)
ved Root(XmlQueryRuntime {urn:schemas-microsoft-com:xslt-debug}runtime)
ved System.Xml.Xsl.XmlILCommand.Execute(Object defaultDocument, XmlResolver dataSources, XsltArgumentList argumentList, XmlWriter writer, Boolean closeWriter)
ved System.Xml.Xsl.XmlILCommand.Execute(IXPathNavigable contextDocument, XmlResolver dataSources, XsltArgumentList argumentList, XmlWriter results)
ved System.Xml.Xsl.XslCompiledTransform.Transform(IXPathNavigable input, XsltArgumentList arguments, TextWriter results)
ved umbraco.presentation.webservices.codeEditorSave.SaveXslt(String fileName, String oldName, String fileContents, Boolean ignoreDebugging)

Don't know if it's the problem but you're missing the img-tag and the LI's inside of your UL. Like this:

<ul>
<xsl:for-each select="$currentPage/node [string(data [@alias='umbracoNaviHide']) != '1']">

<li>

<img>  

<xsl:attribute name="src">
      <xsl:value-of select="umbraco.library:GetMedia(data[@alias='excommknap'], 0)/data [@alias = 'umbracoFile']"/> 
   </xsl:attribute>

</img>

</li>

</xsl:for-each>
</ul>

this is whats written in the macro now - still shows a error

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]>
<xsl:stylesheet
 version="1.0"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
 xmlns:msxml="urn:schemas-microsoft-com:xslt"
 xmlns:umbraco.library="urn:umbraco.library" xmlns:Exslt.ExsltCommon="urn:Exslt.ExsltCommon" xmlns:Exslt.ExsltDatesAndTimes="urn:Exslt.ExsltDatesAndTimes" xmlns:Exslt.ExsltMath="urn:Exslt.ExsltMath" xmlns:Exslt.ExsltRegularExpressions="urn:Exslt.ExsltRegularExpressions" xmlns:Exslt.ExsltStrings="urn:Exslt.ExsltStrings" xmlns:Exslt.ExsltSets="urn:Exslt.ExsltSets" xmlns:umbraco.contour="urn:umbraco.contour"
 exclude-result-prefixes="msxml umbraco.library Exslt.ExsltCommon Exslt.ExsltDatesAndTimes Exslt.ExsltMath Exslt.ExsltRegularExpressions Exslt.ExsltStrings Exslt.ExsltSets umbraco.contour ">

<xsl:output method="xml" omit-xml-declaration="yes"/>

<xsl:param name="currentPage"/>

<xsl:template match="/">

<ul>
<xsl:for-each select="$currentPage/node [string(data [@alias='umbracoNaviHide']) != '1']">

<li>

<img>  

<xsl:attribute name="src">
      <xsl:value-of select="umbraco.library:GetMedia(data[@alias='excommknap'], 0)/data [@alias = 'umbracoFile']"/> 
   </xsl:attribute>

</img>

</li>

</xsl:for-each>
</ul>

</xsl:template>

</xsl:stylesheet>

ok awesome - i put this in and it works now - added a border ="0" to remove the ugly box around it :P

now on to whole new problems how to make a mouse over effect using a secondary picture :)

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE xsl:stylesheet [ <!ENTITY nbsp "&#x00A0;"> ]><xsl:stylesheet
        version="1.0"
        xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
        xmlns:msxml="urn:schemas-microsoft-com:xslt"
        xmlns:umbraco.library="urn:umbraco.library"
        exclude-result-prefixes="msxml umbraco.library">
       <xsl:output method="xml" omit-xml-declaration="yes"/>
        <xsl:param name="currentPage"/>
        <xsl:template match="/">
                <!-- first, check if you have any 'nodes', otherwise you'll get an empty <ul/> tag -->
                <xsl:if test="count($currentPage/node[string(data[@alias='umbracoNaviHide']) != '1']) &gt; 0">
                                <!-- loop through each of the pages 'nodes' -->
                                <xsl:for-each select="$currentPage/node[string(data[@alias='umbracoNaviHide']) != '1']">
                                                <!-- check if the 'media picker' property has a value -->
                                                <xsl:if test="data[@alias='excommknap'] != ''">
                                                        <!-- get the media XML and assign it to a variable -->
                                                        <xsl:variable name="media" select="umbraco.library:GetMedia(number(data[@alias='excommknap']), 0)" />
                                                        <!-- check if the media XML contains an image path 'umbracoFile' -->
                                                        <xsl:if test="count($media/data[@alias='umbracoFile']) &gt; 0">
                                                        <a href="{umbraco.library:NiceUrl(@id)}">
                                                           <img class="ExcommKnap" src="{$media/data[@alias='umbracoFile']}" border="0" />
                   </a>
                                                        </xsl:if>
                                                </xsl:if>
                                </xsl:for-each>
                </xsl:if>
        </xsl:template>
</xsl:stylesheet>

Hi Jan,

Glad that it worked and happy to help.

Not sure what you want to achieve exactly, but it sounds like you need some basic HTML/JavaScript tutorials, try some of the following:

http://www.google.com/search?q=HTML+image+rollover

http://www.w3schools.com/js/js_animation.asp

http://www.howtocreate.co.uk/tutorials/jsexamples/testingRoll.html

They should give you a good start.  I'd suggest that you get your desired effects working in a standalone/separate HTML file - so that you don't get confused with the XSLT parts of it (or Umbraco in general) ... mixing up technologies from the start is confusing!

If we can help with any specific Umbraco problems, let us know!

Good luck, Lee.

... And you should really move the border="0" to your stylesheet.

img.ExcommKnap{border:none;}

:)

i was trying to make a simple <a href><img></a> link . that pulled the image from a page . so hen a page is made in content - you add a button of your choice to that page - and the link shows the image.

i fixed the For each to show from the root always - itht hat current setup it vanished when you went into a page since it was a current page it checked for nodes.

if theres a better way - cleaner way - do let know.  for now im trying to see if i can make it a css effect on the picture with mouse over - chaning the alpha level or something like that.

i am awfully new to this heh. thanx for hose turtorials ill go through them

How does your node-structure look like? Listing all nodes from root is not best practice. You should create a structure like this:

-Home

--Subpage

--Subpage

And then you should list all nodes like this:

<xsl:variable name="level" select="1"/>

    <xsl:for-each select="$currentPage/ancestor-or-self::node [@level=$level]/node [string(data [@alias='umbracoNaviHide']) != '1']">

That way you will go to the node at level 1 and list all nodes below, in the example above that would be the two subpages. :)

is working on a reply...