Меняем задний фон для slick-slider

265
02 мая 2017, 07:00

Просмотрел весь slick-slider нашел пару функций типа afterChange и beforeChange но не могу разобраться, суть вопроса в том что есть слайдер с фотками людей так вот надо передавать фотку на задний фон соседнего элемента при прокрутке. то есть у нас есть

<div class="slide__inner box-team slick-slide slick-current slick-active" data-slick-index="2" aria-hidden="false" style="width: 1140px;" tabindex="-1" role="option" aria-describedby="slick-slide02">
                    <div class="col-xs-12 col-md-5 wrapper-box-image">
                        <div class="box-image" style="background: url({img}от сюда будем брать фото) no-repeat center center/cover"></div>
                    </div>
                    <div class="col-xs-12 col-md-7">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet culpa dolores dolorum in labore nisi optio ratione tempore velit voluptates! Commodi eos et, inventore ipsa iusto necessitatibus officia placeat voluptatem.
                        </div>
                    </div></div><div id="team_text" style="{img}тут должна быть картинка"></div>

В общем такая идея, не нашел варианта как сделать выборку картинки и продублировать ее в блок, кто может подсказать.И логика в том что данный элемент не является частью slicka он вообще далеко вне него.

Пока смог только додумать до такого

$('.slick-slider-gallery').on('beforeChange', function(event, slick, currentSlide, nextSlide){
            var img_bg = $(".box-image").attr("style");
            $("#team_text").attr("style", img_bg);
    });

Но не могу теперь придумать как повесить событие на слайдер что бы при нажатии на next или prev менялся bacground в принципе он все переносит.

Решил уже сам данный вопрос, кому интересно вот решение

$('.slick-slider-gallery').on('beforeChange', function(event, slick, currentSlide, nextSlide){
            var img_bg = $('.box-team:eq('+ (nextSlide+1) +')').find(".box-image").attr("style");
            console.log(img_bg, $("#team-text").length);
            $("#team-text").attr("style", img_bg);
    });
READ ALSO
Как сделать примитивный клик с помощью js

Как сделать примитивный клик с помощью js

Прошу помочь написать скрипт для автоклика по определенной кнопки!

244
Зависимоть свойст компонента Vue

Зависимоть свойст компонента Vue

Добрый деньЕсть такой экземпляр

251
Userscripts - подключение в качестве библиотеки

Userscripts - подключение в качестве библиотеки

Возможно ли подключение одного Userscript из другого в качестве библиотеки? Не по ссылке на локальный/удалённый файл через @require, а "прозрачно",...

232