flickr like set navigation

Niklas Hjelm 104 posts 125 karma points

Apr 20, 2012 @ 17:54

Razor

Hi!

I'm looking for some help on how to create a flickr like set navigation. Today I'm using this

@inherits umbraco.MacroEngines.DynamicNodeContext @{ var startLevel = String.IsNullOrEmpty(Parameter.Level) ? 2 : int.Parse(Parameter.StartLevel); var finishLevel = String.IsNullOrEmpty(Parameter.Level) ? 5 : int.Parse(Parameter.FinishLevel); var parent = @Model.AncestorOrSelf(startLevel); if (parent != null) { @traverse(parent,startLevel,finishLevel) ; } } @helper traverse(dynamic parent,int startLevel,int finishLevel) {


@foreach (var node in parent.Children.Where("Visible").OrderBy("sortorder").Take(6))
    {

        var selected = Array.IndexOf(Model.Path.Split(','), node.Id.ToString()) >= 0 ? " class=\"selected\"" : "";


                                           
        @if (selected != "" && @node.Level <= finishLevel)
        { @traverse(node, startLevel, finishLevel);
        }  

    }

}

Which works fine and gives me 5 pictures from the correct category. The problem with this is that the images are all the same regardless of which image in the category I'm on. Any clues on how to get the images to change as I navigate through the category?

Thanks / Niklas

Copy Link

Douglas Ludlow 210 posts 366 karma points

Apr 20, 2012 @ 19:23

Could you try reposting your code. This is all I got:

@using umbraco.MacroEngines
@inherits DynamicNodeContext
@{ 
    var startLevel = String.IsNullOrEmpty(Parameter.Level) ? 2 : int.Parse(Parameter.StartLevel);
    var finishLevel = String.IsNullOrEmpty(Parameter.Level) ? 5 : int.Parse(Parameter.FinishLevel);
    var parent = @Model.AncestorOrSelf(startLevel);

    if (parent != null) 
    {
        @traverse(parent,startLevel,finishLevel) ; 
    }
}
@helper traverse(dynamic parent,int startLevel,int finishLevel)
{
    @foreach (var node in parent.Children.Where("Visible").OrderBy("sortorder").Take(6))
    {
        var selected = Array.IndexOf(Model.Path.Split(','), node.Id.ToString()) >= 0 ? " class=\"selected\"" : "";
        @if (selected != "" && @node.Level <= finishLevel) 
        {
            @traverse(node, startLevel, finishLevel);
        }
    } 
}

Copy Link

Niklas Hjelm 104 posts 125 karma points

Apr 20, 2012 @ 19:55

Ok, new try

@inherits umbraco.MacroEngines.DynamicNodeContext

@{

var startLevel = String.IsNullOrEmpty(Parameter.Level) ? 2 : int.Parse(Parameter.StartLevel);

var finishLevel = String.IsNullOrEmpty(Parameter.Level) ? 5 : int.Parse(Parameter.FinishLevel);

var parent = @Model.AncestorOrSelf(startLevel);

if (parent != null) { @traverse(parent,startLevel,finishLevel) ; }

}

@helper traverse(dynamic parent,int startLevel,int finishLevel)

{

<ul>

@foreach (var node in parent.Children.Where("Visible").OrderBy("sortorder").Take(6))

{

var selected = Array.IndexOf(Model.Path.Split(','), node.Id.ToString()) >= 0 ? " class=\"selected\"" : "";

<[email protected](selected)>

@if (selected != "" && @node.Level <= finishLevel)

{ @traverse(node, startLevel, finishLevel);

}

</li>

}

</ul>

}

Copy Link

is working on a reply...

Flag this post as spam?

Flickr like set navigation