Html адаптивный слайдер картинок

Нужно сделать адаптивный слайдер картинок для сайта.
Нашел рабочий пример, но работал он на другом сайте не на моем.
Ссылка на пример: https://ru.stackoverflow.com/questions/518178/Как-адаптировать-слайдер-под-экран-телефона
Код слайдера на моем сайте:

Previous
Next




slider.js(файл скрипта - движение и управление стрелок переключения между слайдами):
var isCarouselPaused = false;

$( window ).on( 'load resize', function() {
if ( document.documentElement.clientWidth <= 767 ) {
if ( !isCarouselPaused ) {
$( '#myCarousel' ).carousel('pause');
isCarouselPaused = true;
}
} else {
if ( isCarouselPaused ) {
$( '#myCarousel' ).carousel('cycle');
isCarouselPaused = false;
}
};
});
Среда разработки (редактор фронт-енда) Atom.
Подскажите пожалуйста, что исправить, так как очень нужно научится делать такие задания.

Скрин html кода-слайдера.