Ползунок не работает должным образом

Question

Ползунок сайта работает неправильно, когда разрешение экрана 1920 x 1200, изображение слайдера выглядит нормально. когда размер разрешения экрана, такой как 1366 X 768 слайдер, вырезается влево и вправо, его не уменьшают автоматически. это каким-то образом мы исправим эту проблему. сайт ссылка приведена ниже

http://www.newtonclients.com/testing/index6.html

Answer 1

Некоторый скрипт расчет размера изображений в слайдере, и это не работает хорошо. Я думаю, что он, вероятно, основан на высоте окна, но должен быть основан только на полной ширине.

Я думаю, вы должны отключить этот скрипт и просто использовать .img-responsive Bootstrap class. На самом деле вы можете использовать модуль карусели Bootstrap, который проще в реализации и, несомненно, менее bugy;)

Я также улучшу этот опыт сайта, он выглядит очень «тяжелым» и даже прокручивает экран.

Answer 2

Чтобы сделать его отзывчивым, слайдер по умолчанию перемещает его влево, добавляя высокое значение margin-left. Это приводит к вашей проблеме.

Вы можете попробовать его исправить, перезаписав по умолчанию css самостоятельно. Добавьте ниже фрагмент к вашему файлу css. И вы можете изменить значение поля и ширину в соответствии с вашими предпочтениями.

Это немного растянет изображение. Надеюсь, это сработает.

@media only screen and (max-width: 1366px) { 
    .ms-slide .ms-slide-bgcont img{ 
     margin-left:-100px!important; 
     width:126%!important; 
     max-height:auto!important; 
    } 
}