Hi Tim

Try this one:

@Umbraco.TypedMedia(slide.image).Url

:( That breaks the page altogether

What is the error? are you sure that result of slide.image is ID?

Ok sorry about that delay....here is my entire macro:

<div id="[email protected]" class="carousel slide" data-ride="carousel">
    <div class="container">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        @{int count = -1;}
        @foreach(dynamic slide in sliderNode.Children) {
            count++;
            <li data-target="#[email protected]" data-slide-to="@count" class="@(count == 0 ? "active" : "")"></li>
        }
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">

        @{count = 0;}

        @foreach(dynamic slide in sliderNode.Children) {
            <div class="item @(count == 0 ? "active" : "")">
                <div class="carousel-img" style="background-image: url('@Umbraco.Media(slide.Image).umbracoFile')"></div>
                <div class="carousel-caption">
                    <h1>@slide.Title</h1>
                    <p>@slide.Tagline</p>
                </div>
            </div>
            count++;
        }

    </div>
    </div>

    <!-- Controls -->
    <a class="left carousel-control" href="#[email protected]" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#[email protected]" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

When I change @Umbraco.Media(slide.Image).umbracoFile to what you suggested I get the following error:

Cannot perform runtime binding on a null reference Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference

on this line:

@foreach(dynamic slide in sliderNode.Children) {

Yet that same line exists further up the script no problem, and if I remove your suggestion and put back in the original line everything runs as normal but without images. I can verify in the raw HTML that all three slides are created, titles and taglines are visible, but the mediafile returns ''. And yes the 1117 that is returned is correct.

Have you tried using

@Umbraco.Media(slide["image"]).Url

@Tim where does sliderNode come from?

My bad, I didn't include the top three lines, had attention split!!

@inherits Umbraco.Web.Macros.PartialViewMacroPage 
@{  
  var sliderNodeID = string.IsNullOrEmpty((string)Model.MacroParameters["NodeID"])? 0 : Convert.ToInt32(Model.MacroParameters["NodeID"]);
  dynamic sliderNode = Umbraco.Content(sliderNodeID); 
}

@Alex Brown

I tried your suggestion and that provides an empty string as well.

<div class="carousel-inner" role="listbox">



        <div class="item active">
            <div class="carousel-img" style="background-image: url('')"></div>
            <div class="carousel-caption">
                <h1>Slide 1</h1>
                    <p>Slide 1 Tagline</p>
            </div>
        </div>
        <div class="item">
            <div class="carousel-img" style="background-image: url('')"></div>
            <div class="carousel-caption">
                <h1>Slide 2</h1>
                    <p>Slide 2 Tagline</p>
            </div>
        </div>
        <div class="item">
            <div class="carousel-img" style="background-image: url('')"></div>
            <div class="carousel-caption">
                <h1>Slide 3</h1>
                    <p>Slide 3 Tagline</p>
            </div>
        </div>

    </div>

I changed the line to use @slide["image"] to verify the ID is correct and here is the output.

<div class="carousel-inner" role="listbox">



            <div class="item">
                <div class="carousel-img" style="background-image: url('1117')"></div>
                <div class="carousel-caption">
                    <h1>Slide 1</h1>
                    <p>Slide 1 Tagline</p>
                </div>
            </div>
            <div class="item active left">
                <div class="carousel-img" style="background-image: url('1118')"></div>
                <div class="carousel-caption">
                    <h1>Slide 2</h1>
                    <p>Slide 2 Tagline</p>
                </div>
            </div>
            <div class="item  next left">
                <div class="carousel-img" style="background-image: url('1119')"></div>
                <div class="carousel-caption">
                    <h1>Slide 3</h1>
                    <p>Slide 3 Tagline</p>
                </div>
            </div>

    </div>

That did Jeavon!

Looks like I'll have to study up on the new gearing! Thanks for the fix and point me to the knowledge!!!

Never even heard of that, thanks!

is working on a reply...