Как изменить стрелки slick?

Спасибо большое, все получилось)
Все оказалось очень просто

if (nextSlide == 0) {
           $nextButton.show();
           $prevButton.hide();
        }
if(slick.slideCount == nextSlide + 1) {
	$nextButton.hide();
	$prevButton.show();
}

Как изменить стрелки slick?

andreysuha, Я понял, спасибо большое, буду пробовать) ночь длинная впереди) надеюсь что-то, да выйдет)

Как изменить стрелки slick?

andreysuha, Да к сожалению не мне это решать))
такой вопрос, эти два условия кидать в .on('beforeChange') или afterChange?
Вроде как очевидно что before, но на всякий случай уже лучше спрошу)))

Как изменить стрелки slick?

andreysuha,
типа,
пользователь клацает слайды с первого по 10, у него видна только стрелка вперед.
Когда он долистывает до последнего слайда, кнопка вперед превращается в кнопку назад и он листает назад.
Соответственно на экране только 1 стрелка(назад или вперед).

Как изменить стрелки slick?

andreysuha, Ну смотрите, мне нужно чтобы .slick-next отображался с первого слайда по 10(последний в моем случае), а с последнего по первый отображался только .slick-prev

Как изменить стрелки slick?

andreysuha, Я понял. Но все же есть моменты непонятные или я уже запутался совсем.
Это условие проверит является ли слайд последним, верно?
Что мне тогда нужно сделать, чтобы была проверка с первого по последний и с последнего по первый.
Например не отображать стрелку назад с первого по последний и наоборот, отображать стрелку назад с последнего по первый.
Спасибо!

Как изменить стрелки slick?

Может может кто-то помочь, нужно чтобы стрелка назад была видима от последнего слайда до первого, а стрелка вперед: от первого - до последнего.

$(document).ready(function(){


 $(function carouselSetup() {
   
   var $componentCarousel = $('.menu-content1'),
     $items = $componentCarousel.find('.carousel-item');
        

   
   var $slick = $componentCarousel.slick({
       infinite: false,
       speed: 500,
       draggable: true,
       slidesToShow: 3,
       slidesToScroll: 3,
       prevArrow: '<button type="button" class="slick-prev">prev</button>',
       nextArrow: '<button type="button" class="slick-next">next</button>'
     });


   var $prevButton = $slick.find('.slick-prev');
   var $nextButton = $slick.find('.slick-next');



   $slick.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
   	console.clear();
   	console.log('it works');

     //console.log(nextSlide);
   	/*

     if (nextSlide === 0) {
       $prevButton.hide();
     }
     if (nextSlide === slick.slideCount - 1) {
       $nextButton.hide();
     }
     if (currentSlide === 0) {
       $prevButton.show();
     }
     if (currentSlide === slick.slideCount - 1) {
       $nextButton.show();
     }
   });*/
$slick.on('afterChange', function(event, slick, currentSlide, nextSlide) {
	console.log(currentSlide);
	if (currentSlide < 9){
		$nextButton.hide();
		$prevButton.show();
	}
	if ((currentSlide > 0) && (currentSlide < 9)){
		$nextButton.show();
		$prevButton.hide();
	}
});

	
});
});
});

Как изменить стрелки slick?

Не могли бы вы, если не трудно объяснить данное условие
if(slick.slideCount == nextSlide + 1)
Спасибо!

Как изменить стрелки slick?

ma4t, Не работает так, игнорируется код абсолютно(

Как добавить tooltip на несколько элементов?

andreysuha, Спасибо большое!

Как на сайт вставить таймер megatimer?

AUser0, Вижу что работает, не могу понять почему у меня на сайте не отображается

Как на сайт вставить таймер megatimer?

Все равно не отображается

Как на сайт вставить таймер megatimer?

AUser0, В том то и дело, что их нет

Как добавить tooltip на несколько элементов?

Пробовал так

new Tooltip(document.querySelectorAll("i.look"), {
    placement: 'left', // or bottom, left, right, and variations
    title: "Посмотреть в 3D"

});

и так

new Tooltip(document.querySelectorAll(".look"), {
    placement: 'left', // or bottom, left, right, and variations
    title: "Посмотреть в 3D"

});

Как добавить tooltip на несколько элементов?

Перестало вообще работать

Как добраться до нужного элемента?

twobomb, Это очевидно, но без этого можно как-то?

Как выводить имя файла при загрузке drag and drop?

Cegt@hzzzzl, Супер, спасибо)

Как выводить имя файла при загрузке drag and drop?

вместо "выберите файл" должно выводиться название файла.
Нужно изменить эту часть как я понял

$.ajax({
            url: dropZone.attr('action'),
            type: dropZone.attr('method'),
            data: Data,
            contentType: false,
            processData: false,
            success: function (file) {
            alert('Success');

            }

и вместо алерта сделать так чтобы вывелось название файла сюда

<label class="form-right-block_label" for="file-input2">Выберите файлы</label>

Как прокручивать текст но оставить картинку на месте?

Алмат Ыбрай, Благодарю. Имеет ли смысл сделать это все скриптом? или тоже самое будет?

Как прокручивать текст но оставить картинку на месте?

Алмат Ыбрай, изначально так и делал, но когда курсор на картинке - текст тоже должен скроллиться)