Отображаются не все картинки, что не так с кодом?

Question

[MortSith]

почему отображаются не все картинки, почему не видны картинки с dummy image, помогите новичку

Comments

[Ankhena]

Всё отображается.

[Egor Varenik]

Ankhena, у них размер нулевой встает, и их не видно вообще

Answer 1

[Egor Varenik]

Дело в этом участке кода:

var src = $(this).attr('src'),
size = src.split('/').reverse(),
h = parseInt(size[1]),
w = parseInt(size[2]),

Размер изображения скриптом определяется по ссылке, а у dummyimages ссылки другого типа (placeimg.com/600/400/animals против dummyimage.com/600x1200/000/fff), поэтому твой скрипт не может нормально определить их высоты и ширину => flex-basis и flex-grow

Comments

[MortSith]

еще бы кто подсказал как исправить чтоб с любыми ссылками работало)

[Egor Varenik]

MortSith, возможно размер ставить не по названию ссылки? Я бы сначала подгружал изображение в полный размер, получал clientWidth и clientHeight, и исходя из этого уже ставил нужные flex-basis и flex-grow