Показать сообщение отдельно
  #1 (permalink)  
Старый 17.08.2017, 20:36
Интересующийся
Отправить личное сообщение для tarabukinivan Посмотреть профиль Найти все сообщения от tarabukinivan
 
Регистрация: 17.08.2017
Сообщений: 19

Один слайдер на разных div-ах
Добрый вечер форумчане!
Есть страница которая должна быть разделена на 3 части: Левая, центральная, правая. При мобильной версии левая становится верхней, центральная средней, правая нижней. Причем на странице должен быть слайдер с изображением и текстом. Изображение слайдера должна быть на нижней части первого раздела. Кнопка смены слайда на средней, а текст слайдера на третей.

Для начала разделил контейнер на три части: дивы с классами <col-sm-4 col-xs-12>. Искал разные слайдеры, но нашел только слайдеры, где сначала идет главный класс или id слайда, потом первый слайд (весь его контент), второй слайд (весь контент второго слайда) и.т.д., типа:
<div class="feedback-slider slideInUp wow">
                    <div class="feedback-item"><!--Первый слайд сексии feedback-->
                        <div class="feedback-avatar">
                            <img src="media/feedback/avatar-1.jpg" alt="">
                        </div>
                        <div class="feedback-body">
                            <div class="feedback-author">
                                <p>1 Goal</p>
                            </div>
                            <div class="feedback-text">
                                <p> Mobile version</p>
                            </div>
                        </div>
                    </div>
                    <div class="feedback-item"><!--Второй слайд сексии feedback-->
                        <div class="feedback-avatar">
                            <img src="media/feedback/avatar-2.jpg" alt="">
                        </div>
                        <div class="feedback-body">
                            <div class="feedback-author">
                                <p>2 Goal</p>
                            </div>
                            <div class="feedback-text">
                                <p> Support </p>
                            </div>
                        </div>
                    </div>
                    <div class="feedback-item"><!--Третий слайд сексии feedback-->
                        <div class="feedback-avatar">
                            <img src="media/feedback/avatar-3.jpg" alt="">
                        </div>
                        <div class="feedback-body">
                            <div class="feedback-author">
                                <p>3 Goal</p>
                            </div>
                            <div class="feedback-text">
                                <p>Invest in foreign companies and start ups</p>
                            </div>
                        </div>
                    </div>
					 <div class="feedback-item"><!--Четвертый слайд сексии feedback-->
                        <div class="feedback-avatar">
                            <img src="media/feedback/avatar-2.jpg" alt="">
                        </div>
                        <div class="feedback-body">
                            <div class="feedback-author">
                                <p>4 Goal</p>
                            </div>
                            <div class="feedback-text">
                                <p> Supreme Election System</p>
                            </div>
                        </div>
                    </div>
                </div>

Т.е. его части никак нельзя разделить и поместить на 3-х разных блоках. Есть ли у кого слайдеры, контент которых можно разместить на разных блоках? И при смене слайда меняются на всех трех блоках. Эти три блока с разными контентами можно заключить в главный класс слайдера.
Я как-то не понятно пишу. Надеюсь, кто-нибудь поймет, что имел виду.
Ответить с цитированием