</div>
{{* The breadcrumb navigation *}}
- <ol class="path breadcrumb" aria-label="Breadcrumb" role="navigation">
+ <ol class="path breadcrumb" aria-label="Breadcrumb" role="menu">
{{foreach $path as $folder => $name}}
- <li role="presentation"><a href="#" data-folder="{{$folder}}">{{$name}}</a></li>
+ <li role="presentation">
+ <button type="button" class="btn btn-link" data-folder="{{$folder}}" role="menuitem">{{$name}}</button>
+ </li>
{{/foreach}}
{{* Switch between image and file mode *}}
<ul role="menu">
{{foreach $folders as $folder}}
<li role="presentation">
- <a href="#" data-folder="{{$folder}}" role="menuitem">{{$folder}}</a>
+ <button type="button" data-folder="{{$folder}}" role="menuitem">{{$folder}}</button>
</li>
{{/foreach}}
</ul>
<div class="fbrowser-content-container">
{{foreach $files as $f}}
<div class="photo-album-image-wrapper">
- <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}">
+ <a href="#" class="photo-album-photo-link" data-link="{{$f.0}}" data-filename="{{$f.1}}" data-img="{{$f.2}}" data-alt="{{$f.3}}">
<img src="{{$f.2}}" alt="{{$f.1}}">
<p>{{$f.1}}</p>
</a>