На странице выводится "фотопленка" - небольшие изображения одинакового размера в одну строку.
Сейчас количество "кадров" фиксировано и задается в коде PHP.
Хотелось бы формировать длинную "пленку", но в браузере скрывать "кадры", которые не помещаются на экран. В т.ч. и при изменении размеров экрана.
Т.е. если на экран влазит 5.5 кадров, показываем только 5 и делаем между ними равное расстояние. Складывать в несколько строк нельзя.
Как наиболее оптимально решить задачу?
Спасибо.
1. css медиазапросы и калькулятор
2. перекрыть чем-то сверху, повторяющим фон, позволить самим фото уходить за пределы экрана
3. Взять(написать) js скрипт карусельки, которая может показывать по несколько фото и скролить те что не влезли
Я не знаю, как их "уходить" целиком. Либо картинка целиком отображается, либо целиком скрыта. Не должно быть ситуации, когда картинка видна частично.
Можно ли как-то отследить выход элемента за границу области видимости?
Простой
Простой