До и после слайдеров в слайд-шоу

#javascript #css #slideshow

#javascript #css #слайд-шоу

Вопрос:

Я создаю пользовательский сайт Shopify, используя тему «Дебют», и я хочу лучше организовать страницу и скомпилировать все слайдеры до и после в слайд-шоу.

Я использовал этот codepen в качестве ссылки для слайдеров до и после: https://codepen.io/nosurprisethere/pen/xrXjYV

<div class="wrapper">

Как вы можете видеть из codepen, второе действие слайдера также не работает (еще одна проблема… цикл?).

Я слишком долго работаю над этим сайтом, и мне просто хотелось бы получить несколько конструктивных идей о том, как сделать это правильно и эффективно!

Большое спасибо.

Комментарии:

1. Что вы подразумеваете под «второе действие слайдера тоже не работает»?

2. Извините, что вы правы — я имел в виду, что если вы дублируете HTML-код «оболочки» для создания второго слайдера, действие слайдера не будет работать со вторым.

3. Можете ли вы обновить код, как вы говорите, с помощью двух оболочек?

4. @theWellHopeErr все, что вам нужно будет сделать, это скопировать и вставить всю оболочку div, чтобы создать второй слайдер до и после. После этого вы заметите, что второй слайдер до и после, который вы только что вставили, не работает