Какой плагин использовать для реализации такого слайдера?

Question

[Никита Рябин]

Подскажите плагин или модуль для джумлы 2.5, или сторонний скрипт для реализации такого слайдера?

Answer 1

[Владимир Проскурин]

Вы можете легко взять Slick Сверстать этот блок с кнопками отдельно, и для стрелок назначить параметры prevArrow/nextArrow на нужные кнопки. Кол-во слайдов можете посчитать путем поиска по селектору слайда $('.slide__item').length. А текущий слайд получать и менять в событии beforeChange в аргументе currentSlide.

Comments

[Никита Рябин]

а как из формата

$('.slick-slide').on('beforeChange', function(event, slick, currentSlide, nextSlide){
console.log(currentSlide); // индекс текущего слайда
});

вывести в формат $('#fc_priceValue2').html(currentSlide); ?

[Никита Рябин]

и так чтобы при смене слайда значение менялось

[Владимир Проскурин]

$('.slick-slide').on('afterChange', function(event, slick, slick, currentSlide){
$('#fc_priceValue2').html(currentSlide);
});

Я поменял beforeChange на afterChange, т.к. она выполняется после изменения текущего слайда.

[Никита Рябин]

Владимир, всё равно в html значение не выводится

[Владимир Проскурин]

Никита Рябин, смотрите в консоль, может ошибка какая. И событие нужно вешать не на один слайд, а на слайдер, на который вы вызвали slick. Вот пример https://codepen.io/VladIT4/pen/erNVRZ

[Froggyweb]

Вообще любой. 4/12 стоит верх тормашками....forum.gramota.ru/viewtopic.php?f=2&t=2463

[Никита Рябин]

Владимир, вывожу кнопки таким способом $('.next-arrow').slick('slickNext'); по клику на нее ничего не происходит, хотя судя по документации должен осуществляться переход на слайд вперед. Сама кнопка не внутри контейнера слайдера, если это имеет значение.

[Владимир Проскурин]

Никита Рябин, не так. Вы должны в параметрах установить параметры prevArrow/nextArrow Вот пример сделал https://codepen.io/VladIT4/pen/erNVRZ