Задать вопрос
  • Как сделать слайдер при наведении?

    krasmargarita
    @krasmargarita
    web-разработчик
    function catalogItemSlider() {
    	const itemSwiper = new Swiper('.catalog-item-swiper', {
    		speed: 700,
    		slidesToShow: 1,
    		slidesToScroll: 1,
    		scrollbar: {
    			el: '.swiper-scrollbar',
    			draggable: false,
    		},
    		loop: false
    	});
    
    	// определение общего сквозного индекса итема, чтобы переключать слайдер только в нем
    	$('.product-item-image-wrapper-sectors > div').mouseenter(function (e) {
    		let sectorIndex = $(this).index(),
    			rowIndex = $(this).closest('.catalog__row').index(),
    			currentRow = $('.catalog__row')[rowIndex],
    			catalogItemIndex = $(this).closest('.catalog__item').index() + 1,
    			totalRowItems = ((rowIndex + 1) * 3),
    			currentItemIndex = (catalogItemIndex + totalRowItems - 3) - 1;
    
    		itemSwiper[currentItemIndex].slideTo(sectorIndex, 700);
    	});
    
    	// возвращение всех слайдеров в исходную точку при выходе из итема
    	$('.catalog__item').mouseleave(function () {
    		$('.catalog-item-swiper').each(function (index, el) {
    			let slider = el.swiper; // Get the swiper instance
    			if (slider) {
    				slider.slideTo(0, 700); // Slide to the first slide with a duration of 700ms
    			}
    		});
    	});
    }
    Ответ написан
    Комментировать
  • Почему схлопываются Яндекс Карты?

    krasmargarita
    @krasmargarita
    web-разработчик
    у меня точно такая же проблема, бьюсь уже второй день..
    min-height вообще не помогло
    Ответ написан
    Комментировать