Здравствуйте. Возникла необходимость сделать страницу, заполненную квадратными картинками одного размера (галерея фоновых изображений). Сами изображения будут разных размеров, но для галереи их все нужно обрезать. Проблема в том, что сайт с адаптивным дизайном, и реализовать что-то вроде этого не получится. Код (Text): <div style="overflow: hidden; width: 100px; height: 100px"> <img src="" alt=""/> </div> Нужна ваша помощь.
Какой-то размытый ответ. Покажи хотя бы кусок css отвечающий за стили этих картинок или давай ссылку на страницу с картинками.
Если вам надо 10 картинок в горизонтали, установите ширину 10% от body, и при растяжении они будут масштабироваться
В том то и проблема, что ширина должна быть к высоте 1:1. А как узнать высоту, если ширина в процентах?
Если картинка квадратная сама по себе, браузер сам подгонит второе измерение, просто не указывайте его в стилях и теге. Главное - рассчитать какой-то максимум, и чтоб картинки подходили под этот максимум. Иначе будет некрасивою
Картинки изначально не квадратные, он обрезаются способом, про который я написал в первом сообщении. Но он позволяет задавать только четкие размеры.
Стилями ты этого не сделаешь. Если у всех картинок ширина всегда больше высоты или наоборот, тогда да, можно стилями. Но если они разные, этого не сделать сохраняя пропорции картинок. Через PHP делаешь квадратные привью картинок, их используешь на странице галереи. А для просмотра или скачивания, не знаю как у тебя будет, используешь оригиналы.