Как подсчитать изображения, которые не поместились в div с overflow: hidden?

Question

[Snatch08]

Доброго времени суток! Знатоки, пожалуйста подскажите. Есть div высотой 400px с overflow: hidden, в нем 12 изображений, видны 9, а остальные обрезаны родительским div. Как подсчитать те 3 изображения, которые не поместились? Изображений в див может быть больше или меньше, т.к. они подгружаются динамически. Их visibility меняет статус, когда они выходят за пределы overflow: hidden? Выглядит это так:

Comments

[ksnk]

у дива, вмещающего все фото, есть границы, смотреть их удобнее методом getBoundingClientRect. У дива, который режет все дивы тоже можно получить границы тем же методом. Дальше - бегаем по всем фото и смотрим чей там уголок выглядывает в область видимости - в основном арифметика...

[Snatch08]

ksnk, так, уже не плохо

Answer 1

[Антон Усачев]

Кто не поместился в высоту, тот и в пролете. Примерно так: