Как обрезать слайды?

Ссылка скопирована
JavaScript Swiper
1 ответ

нужно что бы на экране было всего 4 слайда
первый и последний были урезаны на половину
пробую вот так, их почему то выводится 5, первый и последний урезаны

var swiper = new Swiper('.reviewlist', {   slidesPerView: 4,   spaceBetween: 20,    centeredSlides: true,    loop: true,  	pagination: {         el: ".swiper-pagination",         clickable: true,       }, });

var swiper = new Swiper('.reviewlist', { slidesPerView: 4, spaceBetween: 20, centeredSlides: true, loop: true, pagination: { el: ".swiper-pagination", clickable: true, }, });

если ставлю slidesPerView: 3, , то все 3 целые выводятся

средствами настроек swiper это можно сделать? или нужно на css допиливать?

Дополнительно:

Можно сделать контейнер слайдера пошире, на 4 целых слайда. А его обертку поменьше и overflow.

Нужно решить такую задачу?

Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

Заказать помощь
Лучший ответ
1
Дмитрий К. Ответ

Для обрезки слайдов вам понадобится использовать специальные методы или библиотеки в зависимости от того, на каком языке программирования вы работаете. Ниже приведены примеры использования различных языков программирования для обрезки слайдов:

PHP:

function cropSlides($slides, $start, $end) {
  $croppedSlides = array_slice($slides, $start, $end);
  return $croppedSlides;
}
 
$slides = array("Slide 1", "Slide 2", "Slide 3", "Slide 4", "Slide 5");
$start = 1;
$end = 3;
 
$croppedSlides = cropSlides($slides, $start, $end);
print_r($croppedSlides);

function cropSlides($slides, $start, $end) { $croppedSlides = array_slice($slides, $start, $end); return $croppedSlides; } $slides = array("Slide 1", "Slide 2", "Slide 3", "Slide 4", "Slide 5"); $start = 1; $end = 3; $croppedSlides = cropSlides($slides, $start, $end); print_r($croppedSlides);

JavaScript:

function cropSlides(slides, start, end) {
  const croppedSlides = slides.slice(start, end);
  return croppedSlides;
}
 
const slides = ["Slide 1", "Slide 2", "Slide 3", "Slide 4", "Slide 5"];
const start = 1;
const end = 3;
 
const croppedSlides = cropSlides(slides, start, end);
console.log(croppedSlides);

function cropSlides(slides, start, end) { const croppedSlides = slides.slice(start, end); return croppedSlides; } const slides = ["Slide 1", "Slide 2", "Slide 3", "Slide 4", "Slide 5"]; const start = 1; const end = 3; const croppedSlides = cropSlides(slides, start, end); console.log(croppedSlides);

Python:

def crop_slides(slides, start, end):
  cropped_slides = slides[start:end]
  return cropped_slides
 
slides = ["Slide 1", "Slide 2", "Slide 3", "Slide 4", "Slide 5"]
start = 1
end = 3
 
cropped_slides = crop_slides(slides, start, end)
print(cropped_slides)

def crop_slides(slides, start, end): cropped_slides = slides[start:end] return cropped_slides slides = ["Slide 1", "Slide 2", "Slide 3", "Slide 4", "Slide 5"] start = 1 end = 3 cropped_slides = crop_slides(slides, start, end) print(cropped_slides)

Вы можете использовать эти примеры кода как отправную точку для обрезки слайдов в вашем проекте. Помните, что параметры start и end указывают на начало и конец диапазона слайдов, которые вы хотите обрезать. Надеюсь, это поможет вам решить вашу проблему с обрезкой слайдов!

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Аккумуляторные батареи Почему при зарядке автостарта слышен писк, где искать причину? 1 ответ