Перейти к содержимому

Фотография
- - - - -

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


  • Вы не можете создать новую тему
  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 web-verstka

web-verstka

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 07 Январь 2017 в 21:53

Здравствуйте, помогите, пожалуйста, решить такую задачу:

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


  • 0

Спонсор

#2 Evgeniy_k

Evgeniy_k

    Прохожий

  • Участник
  • 1
    17 сообщ.

Отправлено 07 Январь 2017 в 22:44

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


  • 0

#3 Volly

Volly

    Активный

  • Участник
  • 68
    369 сообщ.

Отправлено 07 Январь 2017 в 22:50

Положить картинку в 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;}
}

  • 2

#4 web-verstka

web-verstka

    Прохожий

    Топикстартер
  • Новичок
  • 0
    2 сообщ.

Отправлено 09 Январь 2017 в 14:54

Спасибо!


  • 0



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей