Oбрезать картинку по бокам с помощью css или js

web-verstka · 07.01.2017

Здравствуйте, помогите, пожалуйста, решить такую задачу:
Есть картинка с размерами 1000x500, надо что бы при большом разрешении экрана (1200px) она показывалась полностью, а на маленьких разрешениях экрана (500px) она, с помощью css или js, обрезалась по бокам на 250px с каждой стороны.

Evgeniy_k · 07.01.2017

Если сайт на WP то для этого есть специальный плагин- fancybox называется

Volly · 07.01.2017

Положить картинку в div, а ему задать стилями размер меньше, чем картинка. Как то так:
html

Код:

<div><img src="pic.png"><div>

css

Код:

img {display: block; margin: auto;}
@media (min-width: 1200px) {
   div {width: 100%:}
}
@media (max-width: 1199px) {
   div {width: 500px;}
}

web-verstka · 09.01.2017

Спасибо!

Oбрезать картинку по бокам с помощью css или js

web-verstka

Новичок

Evgeniy_k

Well-Known Member

Volly

Well-Known Member

web-verstka

Новичок

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей