swiper.slideTo(index, speed, runCallbacks)
Run transition to the slide with index number equal to 'index' parameter for the duration equal to 'speed' parameter.
index - number - Index number of slide.
speed - number - Transition duration (in ms).
runCallbacks - boolean - Set it to false (by default it is true) and transition will not produce transition events.
<div class="slider">
<<div class="swiper-container">
<div class="swiper-wrapper">
<!-- твой контент -->
</div>
<div class="slider__controls">
<div class="slider__nav">
<div class="slider-button-prev">Предыдущий проект</div>
<div class="slider-button-next">Следующий проект</div>
</div>
<div class="slider__pagination"></div>
</div>
</div>
</div>
pagination: {
el: ".slider__pagination",
},
navigation: {
nextEl: ".slider-button-next",
prevEl: ".slider-button-prev",
},
let quantity = 1; // изначально 1
// цены в тыс. для числа-индекса (считается от 0: 0, 1, 2, ... 9)
const prices = [0, 250, 245, 240, 238, 235, 230, 225, 220, 215]; // 1..9
// клик на плюс
plus.addEventListener('click', (e) => {
e.preventDefault();
fixPrice(+1);
});
// клик на минус
minus.addEventListener('click', (e) => {
e.preventDefault();
fixPrice(-1);
});
// пересчет цены
const fixPrice = (delta) => {
// обновить количество
quantity += delta; // +/- 1
quantity = Math.max(1, quantity); // не меньше 1
quantity = Math.min(9, quantity); // не больше 9
// показать новые значения
person.value = quantity; // показать новое число персон
price.textContent = `${prices[quantity]} 000 ₸`; // показать цену
}
jQuery.ajax({
type: "POST",
url: 'YOU_URL_TO_WHICH_DATA_SEND',
data:'YOUR_DATA_TO_SEND',
beforeSend: function() {
$("#loader").show();
},
success: function(data) {
$("#loader").hide();
}
});