Как поместить пагинацию внутрь слайда, swiper js?

Question

[starkingdom]

Я всё время для создания слайдеров использую swiper js, такой возник вопрос, прикрепляю картинку

у меня в слайдере идёт такая структура, на всю ширину видимой области идёт картинка , потом небольшой блочёк с текстом и внутри этого блока должна быть пагинцаия, я сделал все элементы всё работает, но встал вопрос, а как туда засунуть пагинацию, подгонка не подходит т.к. я это всё дело потом буду натягивать на wp. Если есть идее будет круто

Comments

[Wispik]

подгонка не подходит т.к. я это всё дело потом буду натягивать на wp

ЧЕГО?
Какая связь между пагинацией и wp?

[starkingdom]

Wispik, я имею ввиду что можно пагинацию (я выделил ее жёлтым на картинке) подогнать с помощью position но тогда если редактор введёт текста больше, то блок расширится и пагинация залезет на тест. Вы возможно не сталкивались с wp, и не знаете как это работает

[Ankhena]

starkingdom, вы же понимаете, что пагинация не может быть частью слайда? Или нет?
И вы уверены, что это нормально, что она будет прыгать по высоте от слайда к слайду?

[Wispik]

starkingdom, c wp то я работал, поэтому я и спросил в чем связь)) Любая верстка, по хорошему, должна делаться изначально с учетом разного контента. Ну да ладно, без кода, я думаю, тут вряд ли кто ответит, вопрос слишком абстрактный, ну это чисто мое мнение

[starkingdom]

Ankhena, Wispik, я понимаю все данные нюансы, потому и спрашиваю, есть ли какой-то вариант, я же не первый к кому пришел такой дизайн с таким слайдером

[Ankhena]

starkingdom, конечно, у вас не первый дизайнер, который плохо себе представляет, как неудобно, когда точки прыгают. Поэтому, в реальной жизни они прибиваются куда-нибудь фиксированно. Обычно к нижнему краю.

Если все таки прыгать, то а js определяйте положение и меняйте (через кастомное свойство css поудобнее)

[starkingdom]

Ankhena, это печально, не люблю делать костыли...

[Ankhena]

starkingdom, я бы и не стала так делать :)

[starkingdom]

Ankhena, ну я думаю щас сделаю, так сказать под банку пива, да и фиг с ним)

[Ankhena]

starkingdom, ну, если пользователи прыгающей пагинации тоже будут с банкой пива, то и норм.

[yarovikov]

starkingdom, я сталкивался с вп. Хватит писать хрень, иди лучше js с css подучи

[starkingdom]

yarovikov, вы суть вопроса поняли? Если да, можете поделиться мыслями

[yarovikov]

starkingdom, не понял, при чем тут вп. Вижу ток проблему, что не умеете верстать и не знаете js

[starkingdom]

yarovikov, так поделитесь, как данный блок сверстать, если я использую swiper js, который внутри слайда не работает пагинация, а картинка у меня задаётся, абсолютом, как мне расположить пагинацию как показана на картинке, если она по идее должна располагаться +- в слайде, а если пользователь наберёт текста больше, то пагинация закроет собой текст. Вы помогите, место того чтобы переводить данный вопрос в демагогию, сюда люди приходят, чтобы им помогли, а не чтобы их посылали, и указывали на какой-то сюр

[yarovikov]

starkingdom, для начала разместите ваш код на codepen

[Wispik]

starkingdom, еще раз скажу, нужен код, либо на codepen, либо на реальном сайте. Без кода вопрос слишком АБСТРАКТНЫЙ. Как написали выше, пагинацию прибиваю книзу блока, чтобы не прыгала. Но не видя, как сейчас сделана верстка, не подсказать как правильно

[imko]

Ankhena,

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

последнее время еще ловлю приколы с жирным шрифтом при наведении в каких-нибудь менюшках, так что либо текст в пункте переносится либо пункт двигает соседей)

[Ankhena]

imko, ну, этой задачке 100 лет уже и решение тоже давно есть.

Answer 1

[Александр Васильев]

Ctrl+x пагинацию и Ctrl+v в необходимый слайд слайдера swiper.js.
Комбинации клавиш для windows.

Comments

[Ankhena]

Ага, а потом во второй и тд. Но пагинация при этом одна.

[Александр Васильев]

Ankhena, какой вопрос - такой ответ )) Как поместить - взять и поместить. Как это будет работать - другой вопрос.