Как сделать такой swiper, где активный слайд больше остальных?

Нашел решение проблемы с багом при включенном loop. Нужно было просто для предыдущего и следующего дубликатов тоже добавить трансфрм ориджин.

.swiper-slide-next,
 .swiper-slide-duplicate-next {
    transform-origin: 0% 86%;
  }

  .swiper-slide-prev,
 .swiper-slide-duplicate-prev {
    transform-origin: 100% 86%;
  }

Как сделать такой swiper, где активный слайд больше остальных?

Ваш вопрос - как сделать такой swiper, где активный слайд больше остальных?

да, и в примере я показал насколько большой должна быть разница между слайдами, основной слайд почти на всю страницу (и остальные два слайда должны быть видны олностью), в этом и есть основная сложность, потому что как я понял свайпер не позволяет так сделать. Я смог добиться такого эффекта только чрез "хак", отобразив только один слайд, а остальные показал убрав overflow: hidden;

slidesPerView нужно указать что-то наподобие 1.5 и дальше стилизация под ваши нужны.

остальные два слайда тоже должны быть видно полностью, просто должны быть маленькие, поэтому 1.5 не подойдет. И если сделать slidesPerView 3, то тогда не получится сделать нужные размеры, потому что остальные слайды съедят размер активного.

Как сделать такой swiper, где активный слайд больше остальных?

Danny Arty, ты просто кинул свой пример, который даже не связан с вопросом, какой в нем смысл?

> в чем проблема то поменять всего одну строчку?
какую строчку?)) если пример абсолютно мимо

Как сделать такой swiper, где активный слайд больше остальных?

Спасибо конечно, но это даже не близко. Визуально должно выглядеть так же как на моем примере, то есть главный слайд большой, а два по бокам маленькие

Как создать проект Laravel + Vuejs + SSR?

Сергей delphinpro, если мы делаем ssr через v8js, у нас фронтенд часть должна полностью дублироваться на ларке? Как принимать результат на фронте?

Wordpress и rewrite_rule, почему не работает правило в .htaccess?

FlyNeko, ну а все таки если в контексте вордпресса, почему через функции работает, а через .htaccess отказывается

Wordpress и rewrite_rule, почему не работает правило в .htaccess?

dodo512, единственный раз когда получилось, я дописал вместо [L] > [R=301], но в таком случае url меняется на
site.ru/?pagename=profile&property_id=nickname

Wordpress и rewrite_rule, почему не работает правило в .htaccess?

dodo512, тоже пробовал не дало результата(

FlyNeko, не знаю должно или нет, но мне нужно это правило перенести на другой сайт, который не на вордпрессе, и если бы оно было записано в .htaccess было бы удобно

Топ пользователей, и вывод текущего места в профиле, как правильно реализовать в MYSQL + PHP?

Не, немного другое нужно
score всего 1, а вот рейтинговых списков 4, основанных на этом score и доп условиях.
И нужно вывести не рейтинг, а именно место пользователя во всех четырех списках

Wordpress не работают перенаправления на страницу профиля, если ник состоит не из цифр, как решить?

Убрал в functions в начале лишний знак ^, в .htaccess теперь сохраняет как должен.

Попробовал руками вбивать ваши варианты, не помогло =(

Wordpress не работают перенаправления на страницу профиля, если ник состоит не из цифр, как решить?

Да, делал сохранение, у меня было
add_action('init', 'do_rewrite');

Попробовал ваше правило. Все также при переходе на /profile/123 открывает правильно, при /profile/abc ошибка 404 =(

Вот так сохранено в самом .htaccess

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteRule ^^profile/([^/]+)/? /?nick=$matches[1] [QSA,L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

Как вытащить JS обьект из DOM?

Ао, в том, что я немогу обратится к нему как к json. Даже на jsonlint.com он выдает ошибку.

Мне приходится получать эти данные в виде строки, а затем использовать $.parseJSON(). Но так как он ругается, видимо сначала нужно исправить полученный текст, что бы он подходил под формат.

Судя по jsonlint.com мне нужно вырезать $.p = в начале и ; в конце

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

Как вытащить JS обьект из DOM?

Ао, Да я вставляю, потом мне нужно найти текст внутри
<script type="text/javascript">
я его нахожу.
Весь этот текст это - $.p = { i_1: {...},i_2:{...}... }; мне нужны эти данные в удобном формате, обьект или json

Как вытащить JS обьект из DOM?

Ао, также TypeError: $.p is undefined

а это вытягивает нужный текст p = $('.bb > script:nth-child(2)').html(); , но как его дальше обработать

Как вытащить JS обьект из DOM?

Ао, Да с помощью ajax

jQuery(document).ready(function ($) {
    $.when(
      $.ajax({
            url: url,
            type:'POST', 
            success: function(data) {
                $("div").append(data);
         
           }
      })
 ).done(function () {
           alert( $.p+ ': ' + $.p.i_1); // Так undefined, но если тоже самое вписать в консоли браузера, но выводит нормально
           p = $('.bb > script:nth-child(2)').html(); //пытался вытащить код так, но что с ним дальше делать я хз. Получается просто текст
})

Как вытащить JS обьект из DOM?

Да, проблема в том, что не получается вытащить данные со страницы.
Они появляются на странице не сразу, а после выполнения php скрипта.
Если просто в коде начать выводить $.p.i_1, то выводит что такого не существует

Как вытащить JS обьект из DOM?

Есть мысли, что я делаю не так?

Как вытащить JS обьект из DOM?

Через alert пытался вывести, получил
alert( $.p+ ': ' + $.p.i_1);
[object Object]: undefined

Через какое то время при нажатии на кнопку, окно появляется не с первого раза, что это может быть?

не сработало =(

Через какое то время при нажатии на кнопку, окно появляется не с первого раза, что это может быть?

Он у меня внутри on click, который внутри document ready

Спасибо попробую, позже отпишу как результат