Как перенести стрелки карусели c JavaScript?

Question

[Андрей Широких]

Доброго времени суток!
Есть галерея:
Галерея
Мне нужно вынести блок стрелок за пределы карусели, просто разместить их левее и правее, а не внутри.
Возможно ли это в данной компановке, что можно сделать, чтобы вынести блоки отдельно? Прошу помощи.
Сейчас они в контейнере и контейнер под свойством overflow: hidden. Если просто двигать, стрелки будут скрываться за пределами карусели. Если вынуть блоки из-под контейнера, я не знаю, как править javascript, чтобы стрелки схватывались.
Блоки стрелок div представлены в конце каждого контейнера карусели для определенного экрана.

Comments

[Ankhena]

У вас эти кнопки в разметке, а не генерируются js'ом.
Просто выньте их из контейнера.

я не знаю, как править javascript

Этой строчкой

_mainElement.querySelector('.tablet_slider__control_left')

стрелки ищутся внутри _mainElement
А вам нужно, чтобы внутри другой обертки.

P.S. Зачем вы городите разные слайдеры для разных размеров?

Посмотрите в сторону swiper.js.

[Андрей Широких]

Ankhena, Пробую

[Андрей Широких]

Ankhena, В случае с кодпэн, как поменять обёртку? Дополнительный контейнер поверх не сработал, html если указать на месте selector тоже не выходит.

[Одиночка Айс]

53.81px/2 - 266.17px

о боже...

[Ankhena]

Андрей Широких, от этого .tablet_container.

[Андрей Широких]

Ankhena, Заменял selector на '.tablet_container' как есть, а так же создавал новую переменную и конкретно для кнопок присваивал:

var _htmlElement = document.querySelector( '.tablet_container')
 _sliderControlLeft = _htmlElement.querySelector('.tablet_slider__control_left'), // кнопка "LEFT"
          _sliderControlRight = _htmlElement.querySelector('.tablet_slider__control_right'), // кнопка "RIGHT"

Не работает. Я что-то упускаю?

[Ankhena]

Андрей Широких, давайте я лучше покажу вам вариант со свайпером https://jsfiddle.net/5Lsmadtr/
Потому что распутывать ваш код и складывать в один слайдер затея не очень.