Code issue with empty "alt" on image resource


#1

I am using the following code for image resource but when rendering the alt ="" is empty.

<ul class="list-tile">
{{ range first 3 (where .Data.Pages "Section" "livres") }}
<li><a href="{{ .Permalink }}">
{{ $cover := .Resources.GetMatch "cover.[jp][pn]g" }}
{{with $cover }}
{{ $scaled := .Fill "100x100" }}
<img class="img-fl" src="{{ $scaled.Permalink }}" alt="{{ with $.Page.Params.title }}{{ . }}{{ end }}">
{{ end }}<p>{{- .Title -}}</p></a></li>
{{ end }}
</ul>

Image are displayed well with this code but I would like to have the page title on alt text and the code alt="{{ with $.Page.Params.title }}{{ . }}{{ end }}" renders nothing.
Any idea how to solve it.