Thymeleaf show another image if not exists

Question

I'm using the following image code that will show an image only if it exists.

<img th:if="${!ad.adPhotos.empty}" th:src="|/imageDisplay?id=${ad.adPhotos[0].id}|" alt="" class="img-respocive" />

I want to show this for the else caluse

<img height="150" width="150" src="img/NoPicAvailable.png" />

How would this be done with Thymeleaf?

https://stackoverflow.com/questions/13494078/how-to-do-if-else-in-thymeleaf — riddle_me_this, Nov 15 '17 at 22:29
another approach `th:src= "${ad.adPhotos.empty ? 'img/NoPicAvailable.png' : '/imageDisplay?id=' + ad.adPhotos[0].id}"` — MohamedSanaulla, Nov 16 '17 at 04:03

score 0 · Answer 1 · answered Nov 15 '17 at 22:40

I would personally do it like this:

<img th:unless="${ad.adPhotos.empty}" th:src="|/imageDisplay?id=${ad.adPhotos[0].id}|" alt="" class="img-respocive" />
<img th:if="${ad.adPhotos.empty}"height="150" width="150" src="img/NoPicAvailable.png" />

As a sidenote, I think I would generate the src with thymeleaf url syntax, rather than string concatenation.

<img th:unless="${ad.adPhotos.empty}" th:src="@{/imageDisplay(id=${ad.adPhotos[0].id})}" alt="" class="img-respocive" />

Thymeleaf show another image if not exists

1 Answers1