MVC Layout Navbar Active Hide/Show DIV - asp.net-mvc

Question

So i am going off of this example:
better way to get active pages
What I'm trying to accomplish in my _Layout.cshtml is this:
<div id="navbar">
<div><img src="~/Images/home_on.png" /></div>
<div><img src="~/Images/home_off.png" /></div>
<div><img src="~/Images/contact_on.png" /></div>
<div><img src="~/Images/contact_off.png" /></div>
</div>
The navbar div changes depending on the active page. If its home, then show "home_on.png" div. If its not display "home_off.png" and so forth.

Answer 1

I've used this in the past.
Declare at the top of the layout:
#{
var currentController = ViewContext.RouteData.Values["controller"] as string ?? string.Empty;
var currentAction = ViewContext.RouteData.Values["action"] as string ?? string.Empty;
string getImageSource(string basePath, string controller, string action)
{
var onOrOff = currentController.Equals(controller, StringComparison.OrdinalIgnoreCase) && currentAction.Equals(action, StringComparison.OrdinalIgnoreCase) ? "on.png" : "off.png";
return string.Format("{0}_{1}", basePath, onOrOff);
}
}
Then you can render the appropriate image based off the expected controller and action:
<div id="navbar">
<div><img src="#(getImageSource("~/Images/home", "Home", "Index"))" /></div>
<div><img src="#(getImageSource("~/Images/contact", "Home", "Contact"))" /></div>
</div>
I assume that the base ~/Home URL is going to the Index action on the HomeController, and that ~/Home/Contact is going to the Contact action on the HomeController.