Извините, ребята, мне нужна помощь, я использую Swiper от CDN с этим кодом, но кнопки навигации по вопросам не работают, я хочу, чтобы решение < /p>
`let itemsPerPage = getItemsPerPage();
function getItemsPerPage() {
if (window.innerWidth >= 1200) {
return 3;
} else if (window.innerWidth >= 768) {
return 2;
} else {
return 1;
}
`your text`
}
const swiper = new Swiper('.swiper-container', {
slidesPerView: getItemsPerPage(),
slidesPerGroup: getItemsPerPage(),
spaceBetween: 20,
loop: true,
speed: 5000,
effect: 'slide',
autoplay: {
delay: 1000,
disableOnInteraction: false,
},
navigation: {
nextEl: '#nextPromoted',
prevEl: '#prevPromoted',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
simulateTouch: true,
followFinger: true,
touchRatio: 1,
breakpoints: {
768: {
slidesPerView: 2,
slidesPerGroup: 1,
},
1200: {
slidesPerView: 3,
slidesPerGroup: 1,
},
},
});
document.getElementById('nextPromoted').addEventListener('click', () => {
swiper.slideNext();
});
document.getElementById('prevPromoted').addEventListener('click', () => {
swiper.slidePrev();
});
//I Expect the Reason from autoplay because I tried this method before and it worked
let direction = 'next';
const move = () => {
if (direction === 'next') {
if (swiper.isEnd) {
direction = 'prev';
} else {
swiper.params.speed = 1500;
swiper.slideNext();
}
} else {
if (swiper.isBeginning) {
direction = 'next';
} else {
swiper.params.speed = 1500;
swiper.slidePrev();
}
}
setTimeout(move, 2000);
};
move();
document.getElementById('nextPromoted').addEventListener('click', () => {
swiper.params.speed = 1500;
swiper.slideNext();
direction = 'next';
});
document.getElementById('prevPromoted').addEventListener('click', () => {
swiper.params.speed = 1500;
swiper.slidePrev();
direction = 'prev';
});`
< /code>
Но я хочу оставить навигационную работу, я также хочу реализовать это, когда движущийся ползунок заканчивается, он возвращается в противоположном направлении. Кроме того, когда процесс наклона закончен, он перестает двигаться. Самое главное - исправить навигацию с первым кодом, потому что это окончательный код ..
Подробнее здесь: https://stackoverflow.com/questions/797 ... ith-swiper
У меня есть проблема здесь с Swiper ⇐ Jquery
Программирование на jquery
1755846103
Anonymous
Извините, ребята, мне нужна помощь, я использую Swiper от CDN с этим кодом, но кнопки навигации по вопросам не работают, я хочу, чтобы решение < /p>
`let itemsPerPage = getItemsPerPage();
function getItemsPerPage() {
if (window.innerWidth >= 1200) {
return 3;
} else if (window.innerWidth >= 768) {
return 2;
} else {
return 1;
}
`your text`
}
const swiper = new Swiper('.swiper-container', {
slidesPerView: getItemsPerPage(),
slidesPerGroup: getItemsPerPage(),
spaceBetween: 20,
loop: true,
speed: 5000,
effect: 'slide',
autoplay: {
delay: 1000,
disableOnInteraction: false,
},
navigation: {
nextEl: '#nextPromoted',
prevEl: '#prevPromoted',
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
simulateTouch: true,
followFinger: true,
touchRatio: 1,
breakpoints: {
768: {
slidesPerView: 2,
slidesPerGroup: 1,
},
1200: {
slidesPerView: 3,
slidesPerGroup: 1,
},
},
});
document.getElementById('nextPromoted').addEventListener('click', () => {
swiper.slideNext();
});
document.getElementById('prevPromoted').addEventListener('click', () => {
swiper.slidePrev();
});
//I Expect the Reason from autoplay because I tried this method before and it worked
let direction = 'next';
const move = () => {
if (direction === 'next') {
if (swiper.isEnd) {
direction = 'prev';
} else {
swiper.params.speed = 1500;
swiper.slideNext();
}
} else {
if (swiper.isBeginning) {
direction = 'next';
} else {
swiper.params.speed = 1500;
swiper.slidePrev();
}
}
setTimeout(move, 2000);
};
move();
document.getElementById('nextPromoted').addEventListener('click', () => {
swiper.params.speed = 1500;
swiper.slideNext();
direction = 'next';
});
document.getElementById('prevPromoted').addEventListener('click', () => {
swiper.params.speed = 1500;
swiper.slidePrev();
direction = 'prev';
});`
< /code>
Но я хочу оставить навигационную работу, я также хочу реализовать это, когда движущийся ползунок заканчивается, он возвращается в противоположном направлении. Кроме того, когда процесс наклона закончен, он перестает двигаться. Самое главное - исправить навигацию с первым кодом, потому что это окончательный код ..
Подробнее здесь: [url]https://stackoverflow.com/questions/79742800/i-have-issue-here-with-swiper[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия