Здравствуйте!
Помогите пожалуйста в редактировании кода
Не отображаются картинки на сайте http://prntscr.com/54xm3y, но при клике они отображаются в виде галереи http://prntscr.com/54xmaa

Есть такой код:
<div class="example_one">
<div class="examples_items">
<div class="examples_items_group">
<a class="example_item examples_item1 gallery" data-fancybox-group="gallery1" href="assets/images/project1-1.jpg">
<img src="assets/images/project1-1" alt>
</a>
<a class="example_item examples_item2 gallery" data-fancybox-group="gallery1" href="assets/images/project1-2.jpg">
<img src="assets/images/project1-2" alt>
</a>
<a class="example_item examples_item3 gallery" data-fancybox-group="gallery1" href="assets/images/project1-3.jpg">
<img src="assets/images/project1-3" alt>
</a>
<a class="example_item examples_item4 gallery" data-fancybox-group="gallery1" href="assets/images/project1-4.jpg">
<img src="assets/images/project1-4" alt>
</a>
</div>

Подскажите, пожалуйста, в чем может быть дело.

укажи абсолютный путь до картинки от корня сайта

Пробовал, в этом случае даже галерея не работает

расширение у картинки забыл указать в img
project1-1 => project1-1.jpg

спасибо