Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 03.02.2018
Сообщений: 285

Подлагивает slick slider

14.08.2019, 16:30. Показов 1120. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Вот такой +/- у меня вывод
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div class="main">  <br>    
                                 <div class="sl">
                                         <?php while( $posts_all->have_posts() ) : $posts_all->the_post(); ?>  
                                                 <div class="sl__slide"> 
                                                        <?php $termo = wp_get_post_terms( get_the_ID(), $taxonomy, array('fields' => 'all') ); ?>
                                                         <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/sl2.jpg" alt="">
                                                         <span class="sl__text">
                                                         <?php foreach( $termo as $term ) {                
                                                                ?>
                                                                        <li><?php echo $term->name ?></li>
                                                                <?php }; ?> 
                                                                 <h3 class="sl__zag">  <?php echo $terms->name ?></h3>
                                                                 <h3 class="sl__zag"> <?php  echo get_the_title(); ?></h3>
                                                                 <a class="post-link"  rel="<?php the_ID(); ?>" href="<?php the_permalink(); ?>">read more</a>
                                                         </span>
                                                 </div>
                                         <?php endwhile; 
                                        endif; ?> 
                                </div>          
                         </div>
настройка слайдера
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
  $(function(){
    $('.sl').slick({
      autoplay:true,
      autoplaySpeed: 2000,
      cssEase: 'ease-in',
      dots: true,
      pauseOnDotsHover: true,
      slidesToShow: 3,
      slidesToScroll: 3,
      infinite: false,
 
 
 
      responsive: [
        {
        breakpoint:768,
        settings: {
          arrows:false,
          centerMode: true,
          centerPadding: '40px',
          slidesToShow: 3,
          slidesToShow: 1,
          slidesToScrool: 1,
        }
      }
    ]
    })
   });
заходишь на страницу и там где слайдер он сперва на секунду показывается без стилей и тд и через секунду уже становится в нормальный рабочий красивый вид. и у меня ещё система вкладок и в каждой вкладке есть слайдер. ну и тип переключаешься по вкладкам и он на секунду , может меньше , вот так вот подлагивает. А бывает и две сек. Записей там пока что только по 4 , так что это не из за них ....

Это тип лаг пока js не подключится?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
14.08.2019, 16:30
Ответы с готовыми решениями:

Слетает плагин слайдер (slick) на мобильном телефоне
Здравствуйте. Не могу разобраться, почему происходит следующая вещь: на мобильном телефоне полностью слетает ширина для блоков у слайдера...

Slider
Здраствуйте. Вот есть во такой шаблон на wp, так вот вопрос как сделать такой же движущийся slider? Я нашел подобный но с кнопками, а как...

Slick slider
Коллеги, добрый день. Разбираюсь в чужом коде, не могу настроить слайдер. http://nailbar.mini-mall.ru/price.html 3 вопроса:

2
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3954 / 2066 / 829
Регистрация: 13.03.2010
Сообщений: 6,806
14.08.2019, 23:43
Слайдеру нужно время на инициализацию. Самое простое - воткнуть прелодер на время инициализации слайдера.
1
0 / 0 / 0
Регистрация: 03.02.2018
Сообщений: 285
15.08.2019, 11:39  [ТС]
Цитата Сообщение от gogolik Посмотреть сообщение
Слайдеру нужно время на инициализацию. Самое простое - воткнуть прелодер на время инициализации слайдера.
понял. спасибо
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
15.08.2019, 11:39
Помогаю со студенческими работами здесь

Не адаптируется slick slider
Не могу понять как сделать адаптивным slick. Настройки: $(document).ready(function(){ $('.head-slider__slider').slick({ ...

Не работает Slick slider
Здравствуйте. Выдает ошибку(_.$list.on is not a function) и у тому же не правильно работает в разных браузерах и еще и глючит (смещает ...

Slick Slider centerMode
Всем доброго дня. Столкнулся с банальной проблемой - нужно отображать 2.5 слайда, а не 3. Естественно, центр едет в сторону. centerPadding...

Slick Slider пагинация
Здравствуйте, подскажите, пожалуйста, как можно сделать пагинацию Slick слайдера как на скрине? В слайдере отображается по 6 слайдов, и...

Перестроить slick slider
Здравствуйте. Не подскажете как можно перестроить slick slider? Т.е. он запускается по началу с 6 слайдами, а при изменении окна браузера...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru