Как убрать слайдер в браузере
Обновлено: 04.07.2024
PowerPoint для Microsoft 365 PowerPoint для Microsoft 365 для Mac PowerPoint 2021 PowerPoint 2021 для Mac PowerPoint 2019 PowerPoint 2019 для Mac PowerPoint 2016 PowerPoint 2016 для Mac PowerPoint 2013 PowerPoint 2010 PowerPoint для Mac 2011 Еще. Меньше
На ПК и в macOS можно регулировать ширину области эскизов слайдов в PowerPoint. Независимо от того, редактируете ли вы слайды на панели слайдов, работаете с миниатюрами слайдов или создаете план презентации, вы можете легко увеличить свое рабочее пространство. Вы можете показать или скрыть, сузить или расширить панель, содержащую эскизы ваших слайдов.
В PowerPoint для Интернета миниатюры слайдов всегда доступны на панели фиксированной ширины в левой части окна браузера.
Показать или увеличить размер миниатюр слайдов
Если миниатюры слайдов слева скрыты или сужены, выполните следующие действия, чтобы отобразить или расширить их:
На вкладке "Вид" в группе "Виды презентации" нажмите "Обычный".
Наведите указатель на разделительную полосу между областью слайдов и миниатюрами, а затем перетащите разделительную полосу вправо.
Если миниатюры скрыты, вы увидите свернутое меню миниатюр; щелкните по нему, чтобы снова отобразить миниатюры слайдов.
Скрыть или уменьшить размер миниатюр слайдов
Чтобы увеличить пространство для редактирования на панели слайдов, можно скрыть или сузить миниатюры слайдов слева.
На вкладке "Вид" в группе "Виды презентации" нажмите "Обычный".
Перетащите разделитель влево, пока миниатюры слайдов не станут нужного размера или пока они не будут полностью скрыты.
Показать или расширить вкладку "Структура" или "Слайды"
Если панель, содержащая вкладки "Структура" и "Слайды", скрыта или находится в суженном положении, выполните следующие действия, чтобы отобразить или расширить ее:
На вкладке "Вид" в группе "Виды презентации" нажмите "Обычный".
В обычном режиме наведите указатель на разделительную полосу между областью слайдов и областью, содержащей вкладки Структура и Слайды, а затем перетащите разделительную полосу вправо.
Примечание. Если панель, содержащая вкладки "Структура" и "Слайды", скрыта, край разделительной полосы виден в левой части окна программы, и его можно перетащить, как описано в шаге 2.
Скрыть или сузить вкладку "Структура" или "Слайды"
Чтобы увеличить пространство для редактирования на панели слайдов, можно скрыть или сузить панель, содержащую вкладки Структура и Слайды.
Если панель, содержащая вкладки "Структура" и "Слайды", показывает или сильно перекрывает панель "Слайд", выполните следующие действия, чтобы скрыть или сузить ее:
На вкладке "Вид" в группе "Виды презентации" нажмите "Обычный".
В обычном режиме нажмите значок x в правом верхнем углу панели, чтобы скрыть ее, или наведите указатель мыши на разделительную полосу между панелью слайдов и панелью, содержащей вкладки Структура и Слайды, а затем перетащите разделительную полосу влево.
Показать или увеличить размер миниатюр слайдов
Если миниатюры слайдов слева скрыты или сужены, выполните следующие действия, чтобы отобразить или расширить их:
На вкладке "Вид" в группе "Виды презентации" нажмите "Обычный".
Наведите указатель на разделительную полосу между областью слайдов и миниатюрами, а затем перетащите разделительную полосу вправо.
Скрыть или уменьшить размер миниатюр слайдов
Чтобы увеличить пространство для редактирования на панели слайдов, можно скрыть или сузить миниатюры слайдов слева.
На вкладке "Вид" в группе "Виды презентации" нажмите "Обычный".
Перетащите разделитель влево, пока миниатюры слайдов не станут нужного размера или пока они не будут полностью скрыты.
На этой странице показано, как скрыть полосу прокрутки в элементе HTML.
Вы можете использовать код CSS для удаления полос прокрутки из любого элемента, на котором они могут появляться. Эти элементы включают элемент div, элемент iframe, тег textarea и даже теги body или html (чтобы скрыть полосы прокрутки браузера).
Скрыть полосы прокрутки текстовой области
Элемент textarea обычно используется для того, чтобы посетители вашего веб-сайта могли вводить текст (чтобы они могли оставлять отзывы, оставлять комментарии и т. д.). По умолчанию элемент textarea поставляется с вертикальной полосой прокрутки (и, возможно, даже с горизонтальной полосой прокрутки). Эта вертикальная полоса прокрутки позволяет пользователю продолжать вводить и просматривать свой текст (путем прокрутки вверх и вниз).
Чтобы скрыть эту вертикальную полосу прокрутки (и горизонтальную полосу прокрутки, если она появится), необходимо использовать свойство переполнения CSS со значением hidden .
Важно отметить, что, несмотря на то, что полосы прокрутки скрыты, пользователь может вводить любое количество данных. Скрытые полосы прокрутки просто не позволяют пользователю прокручивать вниз, чтобы увидеть свои собственные комментарии.
Полосы прокрутки браузера — скрыть
Тот же принцип можно использовать для удаления полос прокрутки браузера.Когда содержимое страницы занимает больше, чем высота браузера, любые полосы прокрутки, которые обычно появляются, будут скрыты. В этом примере к элементу html добавлено свойство переполнения со значением hidden .
Вот пример использования скрытых полос прокрутки.
Полосы прокрутки браузера — автоматически
Прятать полосы прокрутки браузера — это хорошо, но это может стать серьезной проблемой удобства использования. В конце концов, ваши пользователи не смогут прокрутить вниз, чтобы увидеть ваш контент в нижней части экрана.
Многие веб-мастера предпочитают удалять полосы прокрутки, когда они не нужны, но заставлять их появляться, когда они нужны.
Это почти то же самое, что и скрытие полос прокрутки (см. выше). Единственное отличие состоит в том, что для свойства overflow установлено значение auto вместо hidden .
Вот пример использования автоматических полос прокрутки.
Скрыть полосы прокрутки iFrame
Элемент HTML iframe позволяет создавать встроенный фрейм. Встроенный фрейм представляет содержимое другой страницы в наборе фреймов на странице. На первый взгляд встроенный фрейм обычно выглядит как полоса прокрутки с полосами прокрутки. То есть, если вы не удалите полосы прокрутки.
- Использование scrolling="no" . Вот как можно удалить полосы прокрутки iframe в HTML 4.1 (текущая версия HTML на момент написания статьи).
- Использование overflow:hidden . Вот как скрыть полосы прокрутки с помощью CSS (каскадных таблиц стилей)
- Использование Seamless="seamless" . Этот атрибут был представлен в рабочем проекте HTML версии 5. Поэтому для поддержки будущих браузеров этот код необходимо включить.
Какой использовать?
Вы можете безопасно использовать все три одновременно. Сказав это, если вы предпочитаете проверять свои веб-страницы с помощью валидатора W3C, вы должны использовать только метод, который согласуется с версией HTML, по которой вы проверяете. Поэтому, если вы используете HTML 4.1, используйте scrolling="no" . Если вы используете HTML 5, используйте Seamless="seamless" .
В любом случае вы также можете использовать overflow:hidden вместе с любым другим кодом. На самом деле, вы обычно обнаружите, что это переопределяет HTML и скрывает все полосы прокрутки, которые были определены.
Пример
Вот пример использования scrolling="no" и overflow:hidden :
Вы также можете использовать scrolling="auto" для отображения полос прокрутки только тогда, когда они необходимы (при использовании HTML 4.1). Эквивалент CSS: overflow:auto .
Дополнительную информацию о встроенных фреймах см. в описании тега iframe (HTML 4.1) и тега iframe (версия HTML 5)
Маленький слайдер для любых целей, вдохновленный Owl Carousel.
Внимание: tiny-slider работает со статическим контентом и работает только в браузере. Если HTML загружается динамически, обязательно вызовите tns() после его загрузки.
Содержание
Что нового
- Использование % вместо px (больше не нужно пересчитывать ширину каждого слайда при изменении размера окна)
- Использование медиазапросов CSS, если они поддерживаются
- Сохраняйте значения возможностей браузера в localStorage, чтобы они не проверялись повторно, пока браузер не будет обновлен или пользователь не очистит localStorage вручную.
- Дополнительные параметры для адаптивных файлов . (Начиная с версии 2.1.0, выпуск 53)
- Вставить элементы управления и перемещаться перед ползунком, а не после (проблема 4)
- Переместите кнопку автовоспроизведения из контейнера навигации. (Начиная с версии 2.1.0)
- Некоторые изменения селектора в файле tiny-slider.scss
Переход на версию 2
- Обновлять элементы управления и/или стили навигации в зависимости от изменения их положения.
- Обновите селекторы ползунков соответствующим образом, если они используются в вашем CSS или JS.
- Обновите стили, связанные с кнопкой автовоспроизведения.
Возможности
| Карусель * | Галерея | ||||
|---|---|---|---|---|---|
| Горизонтальная * | По вертикали | ||||
| Ширина в процентах * | Фиксированная ширина | Автоматическая ширина | |||
| Цикл | ✓ | ✓ | ✓ | ✓ | ✓ |
| Перемотка назад | ✓ | ✓ | ✓< /td> | ✓ | |
| Пролистывание | ✓ | ✓ | ✓ | ✓ | |
| Желоб | ✓ | ✓ | ✓ | ✓ | ✓ |
| Отступы по краям | ✓ | ✓ | ✓ | ✓ | |
| Центр (v2.9.2+) | ✓ | ✓ | ✓ | ||
| Отзывчивый | ✓ | ✓ | ✓ | ✓ | ✓ |
| Отложенная загрузка | ✓ | ✓ | ✓ | ✓ | ✓ |
| Автозапуск | ✓ | ✓ | ✓ | ✓ | ✓ |
| Автоматическая высота | ✓ | ✓ | ✓ | ✓ | ✓ |
| Нажмите/перетащите | ✓ | ✓ | ✓ | ✓ | ✓ |
| Клавиши со стрелками | ✓ | ✓ | ✓ | < td>✓✓ | |
| Настройка элементов управления/навигации | ✓ | ✓ | < td>✓✓ | ✓ | |
| Доступность | ✓ | ✓ | ✓ | ✓ | ✓ |
| Реагировать на изменения видимости DOM | ✓ | ✓ | ✓ | ✓ | ✓ |
| Пользовательские события< /td> | ✓ | ✓ | ✓ | ✓ | ✓ |
| Вложенный | ✓ | ✓ | ✓ | ✓ | ✓ |
Установить
bower установить крошечный слайдер или установить крошечный ползунок npm
Использование
1. Добавьте CSS (и полифиллы IE8, если необходимо)
2. Добавить разметку
3. Вызов tns()
Вариант А. Добавьте файл tiny-slider.js на свою страницу:
Вариант Б. Импортируйте tns через веб-пакет или накопительный пакет:
Вариант C: Импорт tns напрямую начинается с версии 2.8.2
Параметры
| Опция | Тип | Описание |
|---|---|---|
| контейнер | Узел | Строка | По умолчанию: '.slider' . Элемент-контейнер слайдера или селектор. |
| mode | "carousel" | «галерея» | По умолчанию: «карусель». Управляет поведением анимации. В карусели все сдвигается в сторону, а в галерее используется анимация затухания и смена всех слайдов сразу. |
| ось | «горизонтальная» | «вертикальный» | По умолчанию: «горизонтальный». Ось ползунка. |
| элементы | положительное число | По умолчанию: 1. Число слайдов, отображаемых в окне просмотра. Если слайды меньше или равны элементам , слайдер не будет инициализирован. |
| gutter | целое положительное число | По умолчанию: 0. Отступ между слайдами (в «px»). |
| edgePadding | целое положительное число | По умолчанию: 0. Отступ снаружи (в «px»). |
| fixedWidth | целое положительное | false | По умолчанию: false. Управляет атрибутом ширины слайдов. |
| autoWidth | Boolean | По умолчанию: false. Если задано значение true , ширина каждого слайда будет равна его естественной ширине в виде блока встроенного блока. |
| viewportMax (было fixedWidthViewportWidth ) | положительное целое | false | По умолчанию: false. Максимальная ширина области просмотра для fixedWidth / autoWidth . |
| slideBy | положительное число | «страница» | По умолчанию: 1. Количество слайдов, открываемых одним кликом. |
| center (v2.9.2+)< /td> | Boolean | По умолчанию: false. Центрировать активный слайд в области просмотра. |
| элементы управления | Boolean | По умолчанию: true. Управляет отображением и функциями элементов управления (кнопки «предыдущий/следующий»). Если true , отобразите элементы управления и добавьте все функции. Для лучшей доступности, когда кнопка «предыдущий/следующий» сфокусирована, пользователь сможет управлять ползунком с помощью клавиш со стрелками влево/вправо. |
| controlsPosition | «верхний» | «нижний» | По умолчанию: «верхний». Элементы управления управляют позицией. |
| controlsText | (Text | Markup) Array | По умолчанию: [«prev», "следующий"]. Текст или разметка в кнопках «предыдущий/следующий». |
| controlsContainer | Node | Строка | false | По умолчанию: false. Элемент-контейнер/селектор вокруг кнопок «предыдущий/следующий». controlsContainer должен иметь как минимум 2 дочерних элемента. |
| prevButton | Node | Строка | false | По умолчанию: false. Настроенные предыдущие кнопки. Эта опция будет проигнорирована, если controlContainer является элементом узла или селектором CSS. |
| nextButton | Node | Строка | false | По умолчанию: false. Настраиваемые следующие кнопки. Эта опция будет проигнорирована, если controlContainer является элементом узла или селектором CSS. |
| nav | Boolean | По умолчанию: правда. Управляет отображением и функциями компонентов навигации (точки). Если true , отобразить навигацию и добавить все функции. |
| navPosition | «top» | «нижний» | По умолчанию: «верхний». Управляет положением навигации. |
| navContainer | Node | Строка | false | По умолчанию: false. Элемент-контейнер/селектор вокруг точек. navContainer должен иметь как минимум такое же количество дочерних элементов, как и слайды. |
| navAsThumbnails | Boolean | По умолчанию: false. Укажите, являются ли точки миниатюрами. Если true , они всегда будут видны, даже если в окне просмотра отображается более 1 слайда. |
| клавиши со стрелками | Boolean | По умолчанию : ложный. Позволяет использовать клавиши со стрелками для переключения слайдов. |
| скорость | целое положительное число | По умолчанию: 300. Скорость слайд-анимации (в «мс»). |
| autoplay | Boolean | По умолчанию: false. Включает автоматическую смену слайдов. |
| autoplayPosition | “top” | «нижний» | По умолчанию: «верхний». Управляет позицией автовоспроизведения. |
| autoplayTimeout | целое положительное число | По умолчанию: 5000. Время между 2 автоматическое воспроизведение слайдов (в «мс»). |
| autoplayDirection | «forward» | «назад» | По умолчанию: «вперед». Направление движения слайда (по возрастанию/убыванию индекса слайда). |
| autoplayText | Массив (Текст | Разметка) | < td>По умолчанию: ["старт", "стоп"].|
| autoplayHoverPause | Boolean | По умолчанию: false. Прекращает скольжение при наведении курсора. |
| autoplayButton | Node | Строка | false | По умолчанию: false. Настраиваемая кнопка запуска/остановки автовоспроизведения или селектор. |
| autoplayButtonOutput | Boolean | По умолчанию: true. Выводить разметку autoplayButton, когда autoplay имеет значение true, но не указан настраиваемый autoplayButton. |
| autoplayResetOnVisibility | Boolean | По умолчанию : истинный. Приостанавливает скольжение, когда страница становится невидимой, и возобновляет его, когда страница снова становится видимой. (API видимости страницы) |
| animateIn | String | По умолчанию: «tns-fadeIn». Имя класса анимации вступления. |
| animateOut | String | По умолчанию: «tns-fadeOut». Имя класса анимации аутро. |
| animateNormal | String | По умолчанию: «tns-normal». Имя класса анимации по умолчанию. |
| animateDelay | целое положительное | false | По умолчанию: false. Время между каждой анимацией галереи (в «мс»). |
| loop | Boolean | По умолчанию: true. Перемещается по всем слайдам плавно. |
| перемотка назад | Boolean | По умолчанию: false. Перемещается к противоположному краю при достижении первого или последнего слайда. |
| autoHeight | Boolean | По умолчанию: false . Высота контейнера ползунка изменяется в соответствии с высотой каждого слайда. |
| отзывчивый | Объект: < точка останова: < ключ: значение > > | false | По умолчанию: false. Точка останова: целое число. Определяет параметры для различной ширины области просмотра (см. Параметры адаптации). |
| lazyload | Boolean | По умолчанию: false. Включает отложенную загрузку изображений, которые в данный момент не просматриваются, тем самым экономя трафик (см. демонстрацию). ПРИМЕЧАНИЕ: + Класс .tns-lazy-img должен быть установлен для каждого изображения, которое вы хотите отложенно загрузить, если опция lazyloadSelector не указана; + обязателен атрибут data-src со значением реального src изображения; + атрибут ширины для каждого изображения требуется для ползунка autoWidth. |
| lazyloadSelector (v2.9.1+) | String | < td> По умолчанию: '.tns-lazy-img'.|
| touch | Boolean | По умолчанию: true. Активирует обнаружение ввода для сенсорных устройств. |
| mouseDrag | Boolean | По умолчанию: false. Изменение слайдов путем их перетаскивания. |
| swipeAngle | целое положительное | Булево значение | По умолчанию: 15. Пролистывание или перетаскивание не будут срабатывать, если установленный угол не находится в заданном диапазоне. |
| preventActionWhenRunning ( v2.9.1+) | Boolean | По умолчанию: false. Запретить следующий переход во время преобразования ползунка. |
| preventScrollOnTouch (v2.9.1+) | “auto” | «сила» | false | По умолчанию: false. Запретить прокрутку страницы при касании . Если установлено значение «авто», ползунок сначала проверит, соответствует ли направление касания оси ползунка, а затем решит, следует ли предотвратить прокрутку страницы или нет. Если установлено значение «force», ползунок всегда будет препятствовать прокрутке страницы. |
| nested | «inner» | «внешний» | false | По умолчанию: false. Определите взаимосвязь между вложенными ползунками. (см. демонстрацию) Убедитесь, что вы сначала запустили внутренний слайдер, иначе высота контейнера внутреннего слайдера будет неправильной. |
| freezable | Boolean | По умолчанию: true. Укажите, будет ли слайдер заморожен (перестанут работать элементы управления, навигация, автовоспроизведение и другие функции), когда все слайды могут отображаться на одной странице. |
| disable< /td> | Boolean | По умолчанию: false. Отключить ползунок. |
| startIndex | целое положительное число | По умолчанию: 0. Начальный индекс ползунок. |
| onInit | Функция | false | По умолчанию: false. Обратный вызов выполняется при инициализации. |
| useLocalStorage | Boolean | По умолчанию: true. Сохранять переменные возможностей браузера в localStorage и не обнаруживать их при каждом запуске ползунка, если установлено значение true . |
| nonce | String / false | По умолчанию: false. Необязательный атрибут Nonce для встроенного тега стиля, чтобы разрешить использование ползунка без `unsafe-inline Content Security Policy source. |
ПРИМЕЧАНИЕ. До версии 2.0.2 параметры «container», «controlsContainer», «navContainer» и «autoplayButton» по-прежнему должны быть элементами DOM. Например. контейнер: document.querySelector(‘.my-slider’)
Отзывчивые варианты
В адаптивном поле можно переопределить следующие параметры: startIndex , items , slideBy , speed , autoHeight , fixedWidth , edgePadding , gutter , center ,controls ,controlsText ,nav ,autoplay ,autoplayHoverPause ,autoplayResetOnVisibility ,autoplayText ,autoplayTimeout ,touch ,mouseDrag , клавиши со стрелками, отключить
- Точки останова ведут себя как (min-width: точка останова) в CSS, поэтому неопределенный параметр будет унаследован от предыдущих небольших точек останова.
- fixedWidth можно изменить только на другие положительные целые числа. Его нельзя изменить на отрицательное целое число, 0 или другой тип данных. вверх↑
Методы
Ползунок возвращает объект слайдера с некоторыми свойствами и методами после инициализации:
Чтобы получить информацию о ползунке, вы можете использовать метод getInfo() или подписаться на событие. Оба возвращают объект:
Если у вас возникли какие-либо ошибки или проблемы с вашим веб-сайтом или с Slider Revolution, прочтите эту статью и узнайте, как самостоятельно устранять неполадки.
Распространенные проблемы Slider Revolution, требующие устранения
Устранение неполадок может быть сложным и нюансированным, однако это невероятно полезный процесс для изучения, поскольку он может помочь вам точно определить, что вызывает проблемы с вашим веб-сайтом.
На сайтах WordPress могут возникать различные проблемы, особенно при использовании нескольких подключаемых модулей или неофициальной темы. Вот некоторые распространенные проблемы:
-
Изменения, внесенные в модуль[?] Модуль в Slider Revolution действует как контейнер для слайдов, которые, в свою очередь, действуют как контейнеры для слоев. Модули создаются и редактируются с помощью редактора модулей.
"Модуль" — это отдельная часть контента. Вы можете думать об этом как о том, как запись или страница в обычном WordPress является самостоятельным элементом контента.
Модуль может представлять любой контент, который может создавать Slider Revolution, например слайдер, карусель, главный блок, меню навигации, отображение сообщений и т. д.
Следуйте приведенным ниже пошаговым инструкциям, чтобы узнать, как устранить эти проблемы.
Примечание. Это руководство по устранению неполадок в первую очередь касается наиболее распространенных типов конфликтов; но имейте в виду, что по мере роста вашего сайта может возникать больше конфликтов различного рода.
Очистить кеш
Кэш – это аппаратный или программный компонент, который хранит данные, чтобы их можно было загрузить быстрее при следующем запросе. Это сокращает время загрузки и ускоряет загрузку веб-сайтов и приложений.
К сожалению, кеши иногда могут вызывать проблемы, если в них застревает старый контент, и это может быть источником проблем, подобных перечисленным выше.
Чтобы исправить это, вы можете очистить кеши своих браузеров, сервера веб-сайта и любых плагинов кеша, которые вы используете на своем веб-сайте.
Кэш браузера
Вы можете очистить кеш браузеров, сильно обновив страницу, как описано ниже.
Очистить кэш браузера Chrome/Firefox/IE
В macOS нажмите CMD + Shift + R или, удерживая нажатой клавишу Shift, нажмите кнопку перезагрузки браузера.
В Windows и Linux нажмите Ctrl + Shift + R или Ctrl + F5 .
Очистить кеш браузера Safari
В macOS нажмите Option + CMD + E .
Плагины кэширования WordPress
Если вы используете какой-либо сторонний подключаемый модуль кеша, очистите кеш в настройках подключаемого модуля кеша. Возможность очистки и очистки кеша обычно предоставляется на верхней панели панели WordPress. Кроме того, некоторые плагины предоставляют эту возможность через Панель управления WordPress > Настройки.
Кэш сервера
Вы можете обратиться к своему хостинг-провайдеру, чтобы он очистил кеш сервера.Очистка кеша сервера требуется не во всех случаях, но если приведенные выше советы не помогают, вы также можете очистить кеш сервера.
Переключить браузер
Slider Revolution и все другие подключаемые модули используют CSS и JavaScript, которые по-разному работают в разных браузерах. Тестирование в нескольких браузерах может сузить круг возможных источников проблемы.
Примечание. Если вы не хотите влиять на свои обычные настройки браузера, вы можете открыть свой веб-сайт в приватном окне и отключить там расширения, оставив основную конфигурацию без изменений.
Открыть сайт в приватном окне
Расширения или дополнения, добавленные в браузеры Chrome и Firefox, сильно зависят от JavaScript, и этот код может вызывать ошибку или проблему, с которой вы сталкиваетесь. Чтобы узнать это, вы можете:
- Отключите расширения/надстройки в браузерах.
- Проверьте свою страницу в приватном окне без включенных расширений.
Следуйте приведенным ниже инструкциям для вашего браузера, чтобы отключить его расширения.
Отключить расширения Mozilla Firefox
- Нажмите кнопку меню в правом верхнем углу с тремя полосами.
- Нажмите "Дополнения" и "Темы", затем выберите "Расширения".
- Прокрутите список расширений.
- Нажмите синий переключатель для расширения, которое вы хотите отключить.
Отключить расширения Google Chrome
- В правом верхнем углу нажмите "Еще" (три точки по вертикали) > "Дополнительные инструменты" > "Расширения".
- Прокрутите список расширений.
- Нажмите синий переключатель для расширения, которое вы хотите отключить.
Отключить расширения Safari
- Выберите «Safari» > «Настройки», затем нажмите «Расширения».
- Чтобы отключить расширение, снимите его флажок.
Тестирование на нескольких устройствах
Как и браузеры, операционные системы на компьютерах, телефонах, планшетах и ноутбуках ведут себя по-разному. Протестируйте на нескольких устройствах, по возможности с разными браузерами, чтобы исключить вероятность того, что виновата какая-либо операционная система.
Устранение неполадок с помощью панели инструментов Slider Revolution
В подключаемом модуле Slider Revolution есть несколько вариантов устранения любых возникающих проблем.
Вставка скриптов в нижний колонтитул
Файлы сценариев плагина Slider Revolution обычно загружаются в начале последовательности элементов, загружаемых на ваш сайт.
Иногда проблемы можно решить, заставив эти файлы загружаться позже, переместив их в «нижний колонтитул» сайта через глобальные настройки плагина. В качестве дополнительного бонуса это также может повысить скорость загрузки страницы.
Следуйте приведенным ниже инструкциям, чтобы переместить скрипты в нижний колонтитул.
Перейти к глобальным настройкам
Перейдите в основную область администрирования Slider Revolution и нажмите Globals на верхней панели:
Появится диалоговое окно «Глобальные настройки».
Активировать переключатели «Вставить скрипты в нижний колонтитул» и «Отложить загрузку JavaScript»
В левой части диалогового окна установите для параметра «Вставка скриптов в нижний колонтитул» значение «Вкл.»:
Исправить проблемы с таблицей RevSlider
Функция Force RS DB Creation в Slider Revolution очень помогает в тех случаях, когда подключаемый модуль показывает ошибки, связанные с идентификатором индекса любого модуля. Вы можете определить такие проблемы, если модуль:
- Не открывается и выдает какую-либо ошибку.
- Контент не отображается в редакторе.
Вы можете исправить вышеуказанные и связанные с ними проблемы в глобальных настройках плагина Slider Revolution.
Перейдите к настройке Globals:
Активировать режим отсутствия конфликтов и переместить JS в тело
Если перемещение скриптов из Slider Revolution в нижний колонтитул не решило вашу проблему, вы можете включить режим отсутствия конфликтов, который поможет предотвратить конфликты с установленными темами, сторонними плагинами и другими внутренними библиотеками Slider Revolution. .
Техническое примечание. Активация этого режима вызывает метод jQuery.noConflict().
Вы также можете активировать параметр JS to Body, который перемещает сценарии JS (JavaScript) из каждого модуля в то же место, что и HTML этого модуля. Это похоже на перемещение скриптов в нижний колонтитул, но перемещает скрипты определенного модуля, а не всего плагина.
Этот параметр используется, когда модуль не загружается нормально из-за сторонних тем или плагинов, добавляющих фильтры для скриптов, загружаемых на страницу.
Режим отсутствия конфликтов и JS to Body можно включить для отдельных модулей по одному, поэтому, чтобы активировать их во всех модулях, выполните следующие действия для каждого из них.
Перейти к дополнительным настройкам в вашем модуле
Наведите указатель мыши на свой модуль и нажмите на значок карандаша для редактирования:
Редактор модулей [?] «Редактор модулей» — это инструмент, используемый для создания и изменения модулей.
С помощью этого визуального интерфейса без кода вы можете добавлять различные типы слоев, анимацию и специальные эффекты к своим модулям, а также управлять слайдами и настраивать параметры. . Нажмите на подраздел «Дополнительно»:
Активировать переключатели «Нет конфликтов» и «Поместить JS в тело»
Прокрутите вниз до панели JQuery & OutPut Filters:
Проверить уникальный идентификатор модуля
Каждый модуль уже имеет уникальный идентификатор по умолчанию, но если вы хотите добавить пользовательский код CSS или JS к какому-либо конкретному модулю, вы можете назначить собственный уникальный идентификатор модуля. Однако если вы добавляете к модулям пользовательские идентификаторы, важно, чтобы они были уникальными. Если вы дублируете какой-либо модуль с пользовательским идентификатором, обязательно измените идентификатор или полностью удалите его.
Проверка темы WordPress или конфликтов плагинов
Иногда тема или другой подключаемый модуль, установленный на вашем сайте, может привести к конфликту, т. е. несовместимости, которая препятствует нормальной работе редактора модулей.
Выполните тест на конфликт, как описано ниже, чтобы проверить, так ли это.
Примечание. Если вы проверяете наличие конфликтов на действующем сайте, всегда будьте осторожны. Перед началом рекомендуется сделать резервную копию.
Проверка конфликтов плагинов
Проверить конфликт плагинов можно, отключив все ваши плагины, а затем проверив, устранена ли проблема.
Если проблема исчезнет, снова включайте плагины по одному и после каждой повторной активации проверяйте, не возникает ли проблема.
Если проблема повторится, велика вероятность, что причиной конфликта является последний плагин, который вы повторно активировали.
Тест на конфликт тем
Чтобы проверить наличие конфликта с текущей активной темой, попробуйте активировать альтернативную тему, а затем проверьте, исчезла ли проблема.
Если это так, то, скорее всего, тема является источником конфликта.
Обновление WordPress, тем и плагинов
Устаревшая версия WordPress или устаревшие темы и плагины также могут вызывать проблемы с отображением изображений в модулях.
Проверьте и убедитесь, что у вас установлены последние версии WordPress, а также последняя версия вашей темы и все сторонние плагины, установленные на вашем сайте.
Если проблема все еще возникает? Обратитесь в службу поддержки Awesome
Это одни из наиболее эффективных советов по устранению некоторых распространенных проблем, но если вы все еще сталкиваетесь с проблемами или у вас есть какие-либо вопросы, не стесняйтесь обращаться в нашу службу поддержки, открыв заявку или отправив нам электронное письмо ([email protected ])
Автор
Кашиф
Технолог, писатель, философ и, прежде всего, специалист по решению проблем. Жить под девизом "Будь причиной того, что кто-то улыбается сегодня".
Читайте также: