Добрый день, Андрей! Все отлично работает, только почемуто не прорисовывает форму. На мобиле видно, что при перемещении форма появляется, но как только слайд "фиксируется" после перемещения, форма исчезает. Все остальные элементы прорисовываются.
вроде все работает, но через раз)) т.е. один раз слайдер функционирует нормально (за исключением резкого рывка при скролле последнего блока), а иногда просто загружаются слайдеры в виде обычных блоков. затем обновляешь и снова все ок.. 50/50
@@user-qq7kc8zm5z точно такая же проблема, пробовал с обновлённым скриптом проблема осталась, после 3го слайда белый блок и только после него переход на первый
А в мобильной версии код не работает: часть слайдов нормально, а часть просто под слайдером остается. Хотя в десктопной версии все гуд. Есть какие-то варианты решения?
Короче про iOs. Не работает этот код из-за сафари. Десктопный сафари тоже не переваривает такой костыль. Поэтому не советую в принципе его использовать. Есть решения на табах и на JS которые работают везде и не так сильно грузят страницу.
Добрый день, Андрей! Делаю слайдер из 6 блоков. При просмотре на мобильном слайдер начинается с 6го блока, (6-1-2-3-4-1), 5й не отображается вовсе и затем дублируется первый. А 5 и 6 еще и ниже слайдера блоками отображаются друг за другом. Не подскажешь в чем проблема? .t734 { height: auto !important; } $(document).ready(function(){ //Задаём ID нашего Слайдера var sliderID = '#rec293837384 .t-slds__item'; //Считаем кол-во слайдов... var slidercount = $(sliderID).length; //Записываем ID наших ZeroBlockov var zeroSlideFull = [ "#rec293835820" , "#rec293837126" , "#rec293837172" , "#rec293842440" , "#rec293842442" , "#rec293842444" ]; //Очищаем слайды $(sliderID).empty(); //Создаём слайдер... var i = 0; while (i < slidercount-2) { $(zeroSlideFull[i]).appendTo(sliderID+":eq("+(i+1)+")");i++; }; //Клонируем блоки в нулевой и конечный слайд $('#rec294895519').appendTo(sliderID+":eq("+(slidercount-1)+")");//копия первого $('#rec294896514').appendTo(sliderID+":eq(0)");//копия последнего });
Добрый день! Скиньте ссылку на страницу в сообщения группы vk.com/anku_im Скорей всего у вас какой-то сторонний скрипт блокирует библиотеку jquery или работу моего скрипта, нужно смотреть страницу
@@shipadaa на сайте в консоли куча ошибок. Скорей всего криво встроенное видео в шапке мешает. попробуйте собрать карусель на чистой странице и проверить
Потому что в примере 3 слайда, таймкод 3:26, там показан тот участок кода, куда добавлять id блоков слайдов. Т.е. Хотите больше слайдов: в настройках блока создайте столько пустых карточек, сколько у вас будет слайдов. В код (строка 12 примера) внесите id новых слайдов. Или напишите мне в ВК и приложите ссылку на проект, помогу. vk.com/anku_im
Из-за особенности работы слайдера в Tilda. Обычные jquery слайдеры, типа OWL Carousel и подобные - клонируют элемент для создания зацикливания (бесконечной прокрутки) и выводят слайды за видимую область окна, а тильдовая карусель работает по-другому. Она создает контейнер, внутри него блоки с абсолютным позиционированием и разным z-index. Т.е. фактически блоки находятся всегда на одном месте, наверх выводится активный слайд, при клике просто меняется z-index и opacity. Чтобы зациклить данную конструкцию, копии нужны как постоянные точки опоры. Если вы отключите данные слайды, то получите пустое окно при загрузке, или сразу увидите слайд 2, у которого z-index на 1 меньше чем у основного слайда (копии блока). Т.е. если вы поставите стандартную карусель и посмотрите через инспектор кода, станет ясно, что при загрузке страницы мы на самом деле видим не первый слайд, а копию первого слайда data-slide-index-"0". Функция переключения начинает работать при клике. Копия последнего слайда срабатывает, когда мы переключаем с последнего слайда на первый (заполняет пространство, чтобы мы не видели пустое окно, пока сбрасываются значения предыдущих слайдов) - копия первого, активна при загрузке страницы - копия последнего, активна при листании вправо (от последнего к первому) Карусель не клонирует блоки, как например owl, у которой будет такая структура: - видимый блок - видимый блок - видимый блок - скрытый блок - скрытый блок - скрытый блок
Всё, разобралась. Вы бы хоть написали, что скрипт обновлённый никакого отношения к видео не имеет...Получается, что и копии слайдов в Зеро-блоке делать не нужно, всё итак работает. Или всё же нужно? У меня просто 2 слайда всего. Но я проверила. И так и так работает. Спасибо за код и статью).
![[FULL EP.73] เปิดบ้าน 70 ล้าน "แป้ง Zbing" ยกมาทั้งญี่ปุ่น l เคหสถานบานปลาย l One Playground](http://i.ytimg.com/vi/YBnJhTt07Pg/mqdefault.jpg)
Огромное спасибо вам!!!Так долго мучалась со слайдером, ваш прям сразу получился!!!
уточните пожалуйста, вы в коде не ставили айди слайдеров зеро блоков? у меня вообще не работает код
А как сделать автоперелистывание каждые 10 секунд?
Добрый день, Андрей! Все отлично работает, только почемуто не прорисовывает форму. На мобиле видно, что при перемещении форма появляется, но как только слайд "фиксируется" после перемещения, форма исчезает. Все остальные элементы прорисовываются.
отключал lazy load?
на 1 сайте работает. на другом не хочет . . .
вроде все работает, но через раз)) т.е. один раз слайдер функционирует нормально (за исключением резкого рывка при скролле последнего блока), а иногда просто загружаются слайдеры в виде обычных блоков. затем обновляешь и снова все ок.. 50/50
Недавно обновил скрипт, сегодня опубликую в статье
@@user-qq7kc8zm5z ссылкой поделитесь?
@@davem1048 код в статье обновил, ссылка на статьи и новый видос в описании
@@user-qq7kc8zm5z точно такая же проблема, пробовал с обновлённым скриптом проблема осталась, после 3го слайда белый блок и только после него переход на первый
привет, а куда вставлять айди слайдов?
А в мобильной версии код не работает: часть слайдов нормально, а часть просто под слайдером остается. Хотя в десктопной версии все гуд. Есть какие-то варианты решения?
та же проблема , на айфоне не работает а на андроеде всё норм, если меняешь размер 2х боков то на андройде работает а на афоне нет.
@Alexander Tsymbal взять просто другой кот с мо-ти
@Alexander Tsymbal ну или в лс напиши ютуберу выше он поможет и всё подробно расскажет, что очень редко для таких людей.
Есть, попробуйте второй слайдер, на owl carousel
код в статье обновил, ссылка на статьи и новый видос в описании
Короче про iOs. Не работает этот код из-за сафари. Десктопный сафари тоже не переваривает такой костыль. Поэтому не советую в принципе его использовать. Есть решения на табах и на JS которые работают везде и не так сильно грузят страницу.
Попробуйте новый скрипт. И не забудьте lazy load отключить
Ну или на owl carousel, он без сбоев работает
Добрый день, Андрей! Делаю слайдер из 6 блоков. При просмотре на мобильном слайдер начинается с 6го блока, (6-1-2-3-4-1), 5й не отображается вовсе и затем дублируется первый. А 5 и 6 еще и ниже слайдера блоками отображаются друг за другом. Не подскажешь в чем проблема?
.t734 { height: auto !important; }
$(document).ready(function(){
//Задаём ID нашего Слайдера
var sliderID = '#rec293837384 .t-slds__item';
//Считаем кол-во слайдов...
var slidercount = $(sliderID).length;
//Записываем ID наших ZeroBlockov
var zeroSlideFull = [ "#rec293835820" , "#rec293837126" , "#rec293837172" , "#rec293842440" , "#rec293842442" , "#rec293842444" ];
//Очищаем слайды
$(sliderID).empty(); //Создаём слайдер...
var i = 0; while (i < slidercount-2) {
$(zeroSlideFull[i]).appendTo(sliderID+":eq("+(i+1)+")");i++; };
//Клонируем блоки в нулевой и конечный слайд
$('#rec294895519').appendTo(sliderID+":eq("+(slidercount-1)+")");//копия первого
$('#rec294896514').appendTo(sliderID+":eq(0)");//копия последнего
});
Добрый день! Скиньте ссылку на страницу в сообщения группы vk.com/anku_im
Скорей всего у вас какой-то сторонний скрипт блокирует библиотеку jquery или работу моего скрипта, нужно смотреть страницу
@@user-qq7kc8zm5z к сожалению, нет аккаунта в вк( ссылка на страницу con-tiki.ru/altay
@@shipadaa ok, завтра гляну.
@@shipadaa на всякий случай, вот второй слайдер, видео так же есть anku.im/blog/carousel-in-zero-block-with-owl-carousel
@@shipadaa на сайте в консоли куча ошибок. Скорей всего криво встроенное видео в шапке мешает. попробуйте собрать карусель на чистой странице и проверить
Доброго время суток! Все получилось, только почему то только три слайда листает, остальные не хочет, что делать?
Потому что в примере 3 слайда, таймкод 3:26, там показан тот участок кода, куда добавлять id блоков слайдов. Т.е. Хотите больше слайдов: в настройках блока создайте столько пустых карточек, сколько у вас будет слайдов. В код (строка 12 примера) внесите id новых слайдов. Или напишите мне в ВК и приложите ссылку на проект, помогу. vk.com/anku_im
код в статье обновил, ссылка на статьи и новый видос в описании
Для чего нужны блоки с копиями?
Из-за особенности работы слайдера в Tilda. Обычные jquery слайдеры, типа OWL Carousel и подобные - клонируют элемент для создания зацикливания (бесконечной прокрутки) и выводят слайды за видимую область окна, а тильдовая карусель работает по-другому.
Она создает контейнер, внутри него блоки с абсолютным позиционированием и разным z-index. Т.е. фактически блоки находятся всегда на одном месте, наверх выводится активный слайд, при клике просто меняется z-index и opacity. Чтобы зациклить данную конструкцию, копии нужны как постоянные точки опоры.
Если вы отключите данные слайды, то получите пустое окно при загрузке, или сразу увидите слайд 2, у которого z-index на 1 меньше чем у основного слайда (копии блока).
Т.е. если вы поставите стандартную карусель и посмотрите через инспектор кода, станет ясно, что при загрузке страницы мы на самом деле видим не первый слайд, а копию первого слайда data-slide-index-"0". Функция переключения начинает работать при клике.
Копия последнего слайда срабатывает, когда мы переключаем с последнего слайда на первый (заполняет пространство, чтобы мы не видели пустое окно, пока сбрасываются значения предыдущих слайдов)
- копия первого, активна при загрузке страницы
- копия последнего, активна при листании вправо (от последнего к первому)
Карусель не клонирует блоки, как например owl, у которой будет такая структура:
- видимый блок
- видимый блок
- видимый блок
- скрытый блок
- скрытый блок
- скрытый блок
И как новый скрипт устанавливать? Код вообще не такой как на видео...
Всё, разобралась. Вы бы хоть написали, что скрипт обновлённый никакого отношения к видео не имеет...Получается, что и копии слайдов в Зеро-блоке делать не нужно, всё итак работает. Или всё же нужно? У меня просто 2 слайда всего. Но я проверила. И так и так работает. Спасибо за код и статью).
Внимательно посмотрите, там ссылка на новое видео.
Лень такая лень..
@@user-qq7kc8zm5z зачем же хамить? я не заметила, потом дописала объяснение и всё увидела и ещё спасибо дописала, а вы про лень...
@@Sannyshka я не хамил, это сарказм. Простите, если оскорбил.
По началу работало, потом при перелистывании второй блок весь белый(
Вы не добавили id копий первого и последнего блоков в нижнюю часть скрипта - самая распространенная ошибка
@@user-qq7kc8zm5z спасибо, разобрался
код в статье обновил, ссылка на статьи и новый видос в описании
Мужчина, вы что нам хотели рассказать-то? Я не смог понять.
Сходите в магазин, зайдите в мясной, попросите продать вам «мозг куриный». Оплатите на кассе и наслаждайтесь, пусть хоть какой-то будет.
На айфоне не работает )
А у меня работает)) Наверное проблема исполнении?
Код не рабочий.
Код рабочий. Перейдите по ссылке, слайдер в примере работает на этом коде. Скорее в его вы допустили ошибку .
код в статье обновил, ссылка на статьи и новый видос в описании