JS Animated. Как изменить фоновые изображения parallax

Наша команда техподдержки рада представить Вам новый туториал , который покажет, как изменить фоновые изображения parallax.

Фоновые изображения Parallax используются для создания гибких многослойных эффектов parallax.

1. Для того чтобы заменить изображение, откройте .html файл страницы с фоновым изображением parallax.

2. Найдите код раздела с фоном parallax, он должен выглядеть следующим образом:

   <section class="parallax well" data-url="images/parallax2.jpg" data-mobile="true" data-speed="1">
               <div class="container">
                   <em class="wow fadeInUp" data-wow-delay="0.2s">Children's<br><strong>art center</strong></em>
                   <a class="btn btn-skin-4 wow fadeInUp" data-wow-delay="0.4s" href="#">Register your child</a>
               </div>
           </section>

3. data-url=»images/parallax2.jpg» — определяет путь фонового изображения.

4. Содержимое раздела добавляется между <div class=»container»> и </div>

   

5. Загрузите новое изображение в папку images.

6. Внесите изменения в код, замените название изображения.

7. Сохраните изменения в файле .html, когда Вы закончите внесение изменений.

8. Проверьте результаты на вашем сайте.

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

Также, не забудьте ознакомиться с нашими новыми JS-анимированными шаблонами сайтов.