Categories

Новые шаблоны

JS Animated. Как удалить анимационный эффект загрузки для нужных элементов

Celine Jade Сентябрь 30, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

Из этого туториала Вы узнаете, как удалить анимационный эффект загрузки для нужных элементов в шаблонах Website.

JS Animated. Как удалить анимационный эффект загрузки для нужных элементов

Что такое эффект загрузки (load effect)? Когда Вы прокручиваете сайт, элементы сайта, такие как изображения и текст, отображаются при помощи эффекта fadeInRight.

Единственное, что Вам нужно сделать — это удалить соответствующий класс из кода элемента. Это могут быть fadeInUp, fadeInRight, fadeInLeft, и т. д. Давайте сделаем это шаг за шагом:

Во-первых, найдите элемент, для которого Вы хотите удалить эффект (например, Тренинг по системам противопожарной безопасности (Fire protection systems training), для того чтобы узнать, какой класс используется при помощи инструмента разработчика Firebug. Вы можете активировать данный инструмент, кликнув правой кнопкой мышки на элемент сайта и выбрав Исследовать элемент (Inspect Element) из выпадающего меню:

how to remove animated load effect for needed elements.1

Затем войдите в вашу cPanel, найдите Файловый менеджер (File Manager), где хранятся файлы сайта. Откройте файл index.html, для того чтобы внести изменения в нужную строку:

<strong class="wow fadeInRight animated">Fire protection<br>systems training</strong>
how to remove animated load effect for needed elements.2

Удалите название класса (class name) (в нашем случае это wow fadeInRight). Удаление этого класса удалит анимационный эффект загрузки.

Сохраните изменения и обновите ваш сайт:

how to remove animated load effect for needed elements.3

Вы можете также ознакомиться с детальным видео-туториалом ниже:

JS Animated. Как удалить анимационный эффект загрузки для нужных элементов
Эта запись была размещена в JS Animated туториалы и помечена как animated, effect, load, remove. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов