Саша

The_KEK смотрите эти примеры, берите код

https://swiperjs.com/demos/110-slides-per-view/core
https://swiperjs.com/demos/020-navigation/core

Отлавливайте например с помощью console.log где обрывается событие.
Подозреваю на 2й строке.
Дальше уже будете думать об альтернативных вариантах.

Safari обновлен?
Мобильный или десктоп?

Дополнительные атрибуты точно не добавляются?
Например autoplay

Зачем изначально добавили лишний код от которого избавляетесь?


Перепишите стили указанные в атрибутах (style="display:none;") на классы и берите их за основу.

Все это приведет к более читаемому и простому коду, с которым как итог легче работать.

Храните данные в data-атрибутах или переменных.

Оптимизируйте код, текущий слишком громоздкий и возвращайтесь, если по пути не выйдет решить возникшую задачу.

eduardmailyan
Варианты:
1. при нажатии на кнопку берете её css свойство фонового цвета, присваиваете div
2. каждой кнопке пробросить data-background="#ddd" соответственно где #ddd нужный цвет, при нажатии на кнопку берем значения из этого атрибута и присваиваем как фоновый цвет div'у

Евгений заметил, что некоторые методы не работают в последних версиях.
если например сравнивать 1.11.1 и 3.Х.Х

Michael Tsaruk искать карусель в таким функционалом)

dilshod_developer используйте fancyselect вместо select2
на мобильных девайсах он использует нативный барабан)

art-boy используйте любой обычный слайдер.
картинку кладете на фон, контент в потоке + ширину + фон + высота.

Макс Darkleviathan проверяли работу слайдера на оффсайте?
если все в порядке и работает, значит смотрите подключение файлов, скрипта.
возможно где то допущена ошибка из-за которой с сафари на маке отваливается.

можете более подробно рассмотреть реализацию на оффсайте, либо взять работающий пример - отдельную страницу, если таковая есть, что бы было меньше кода.

alexfrolov_xcx я бы реализовывал подобное в одном элементе.
это облегчило бы js код.
так как отпадает нужда высчитывать координаты кнопки и позиционировать попап + все это делать снова при ресайзе окна и возможном изменении контента, если хотим иметь качественную верстку.
поэтому кнопку оборачиваете блоком и располагаете на одном уровне с ней ваше всплывающее окно.
позиционировать его нужно будет с помощью css, а js будет лишь добавлять активный класс от которого будем показывать либо скрывать окно.

Егор Живагин вы о чем, какой фреймворк?
вполне хватит jQuery + написать самому функцию параллакса на 10-20 строк)
начните писать, дальше помогу.

Daniel_Defo обратите внимание как реализовано в гугле, там же похожая галерея.

Zombie42679 при закрытии попапа попробуйте убрать путь к видео из src=""
но в таком случае нужно будет его добавлять обратно при открытии попапа.
скиньте код, что бы понимать, как вообще инициализируете видео