У меня есть галерея из 6 картинок. При нажатии картинки открывается большой слайдер. Но мне нужно сделать так, чтобы открывался слайдер сразу с нужной картинки. Например, я нажал на 3 картинку, открылся слайдер, но сразу активен 3 слайд. И так далее...
Вот что написал я, но этот скрипт не работает. Именно не открывается 3 слайд...
//gallery carousel
$('.gallery__img').each(function(i){
$(this).on('click', function(){
$('.overlay, #galleryPhoto').fadeIn('slow');
$('body').css({
'overflow':'hidden'
});
$('.carousel_gallery').slick('setPosition');
});
});
const galleryImg = document.querySelectorAll('.gallery__img'),
carouselGalleryItem = document.querySelectorAll('.carousel_gallery__item');
galleryImg.forEach((item, i) => {
item.addEventListener('click', () => {
carouselGalleryItem.forEach(elem => {
elem.classList.remove('slick-active');
elem[i].classList.add('slick-active');
});
});
});
