Страницы

Поиск по вопросам

понедельник, 13 апреля 2020 г.

Квадратные thumbnails из не квадратных изображений?

#javascript #изображения #thumbnails #php #css

                    
Уважаемое сообщество, подскажите пожалуйста куда копать? Проблема заключается вот в чем:
Есть фотографии из соц сетей (вконтакте, инстаграм например). Изображения вытаскиваются
из api, и обычно в ответе от api присутствует thumbnail фотографии (src_small к примеру).
В случае с инстаграмом всё отлично - там по дефолту квадратные изображения. В случае
с остальными соц сетями - изображения там какие попадутся. 
Так вот в чем вопрос: возможно ли средствами css отображать только квадратную область
изображения ? Просто обрезать на сервере - довольно трудозатратная операция, если фотографии
будут грузиться пачками по 20 (например). И если будет много пользователей делать это
одновременно, страшно подумать что случится с моим дешевым хостингом (а пока вообще
бесплатным) :)    


Ответы

Ответ 1



Осмелюсь как вариант предложить такой индусский код: http://jsfiddle.net/ptEy8/ Но очень хотелось бы увидеть ещё варианты! Хороший вопрос.

Комментариев нет:

Отправить комментарий