@Verka_mama

Как разместить код анимации на сайте?

Добрый день!
Помогите, пожалуйста!
Сделала анимацию для вордпресс с помощью Animate.css и wow.min.js
Все работает, но анимация закрывает весь остальной сайт. Подозреваю, что нужно заключить этот код в какие-нибудь теги, но не уверена.
Вот сайт podushka-dlya-beremennih.ru
Вот код который использую, вставляю прямо на страницу
<div id="image" style="position: relative;">
<img style="position: absolute; top: 0px; left: 0px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/fon1.png" alt="1"width="1630" height="2000" data-id="351" alt="" border="0">
<img style="position: absolute; top: 125px; left: 85px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/116.png" alt="1"width="215" height="270" <div class="wow fadeInLeft"data-wow-delay="0.1s">
<img style="position: absolute; top: 125px; left: 285px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/121.png" alt="1"width="293" height="324"<div class="wow fadeInLeft"data-wow-delay="0.2s">
<img style="position: absolute; top: 125px; left: 505px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/13.png" alt="1"width="293" height="324"<div class="wow fadeInUp"data-wow-delay="0.4s">
<img style="position: absolute; top: 125px; left: 730px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/14.png" alt="1"width="293" height="324"<div class="wow fadeInRight"data-wow-delay="0.3s">
<img style="position: absolute; top: 125px; left: 950px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/15.png" alt="1"width="293" height="324"<div class="wow fadeInRight"data-wow-delay="0.9s">
<img style="position: absolute; top: 570px; left: 85px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/hol.png" alt="1"width="330" height="370"<div class="wow fadeInLeft"data-wow-delay="0.5s">
<img style="position: absolute; top: 570px; left: 450px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/leb.png" alt="1"width="470" height="710"<div class="wow fadeInRight"data-wow-delay="0.5s">
<img style="position: absolute; top: 810px; left: 85px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/N1.png" alt="1"width="210" height="260"<div class="wow flipInX"data-wow-delay="0.6s">
<img style="position: absolute; top: 870px; left: 230px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/N2.png" alt="1"width="210" height="260"<div class="wow flipInX"data-wow-delay="0.7s">
<img style="position: absolute; top: 840px; left: 390px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/N3.png" alt="1"width="210" height="260"<div class="wow flipInX"data-wow-delay="0.8s">
<img style="position: absolute; top: 820px; left: 540px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/N4.png" alt="1"width="200" height="250"<div class="wow flipInX"data-wow-delay="0.9s">
<img style="position: absolute; top: 820px; left: 680px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/N5.png" alt="1"width="210" height="260"<div class="wow flipInX"data-wow-delay="1s">
<img style="position: absolute; top: 860px; left: 830px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/N6.png" alt="1"width="210" height="260"<div class="wow flipInX"data-wow-delay="1.1s">
<img style="position: absolute; top: 840px; left: 960px;" src="http://podushka-dlya-beremennih.ru/wp-content/uploads/2015/04/N7.png" alt="1"width="260" height="300"<div class="wow flipInX"data-wow-delay="1.2s">
</div>


Заранее спасибо всем за помощь!
  • Вопрос задан
  • 339 просмотров
Пригласить эксперта
Ответы на вопрос 1
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Не мучайте себя. При нынешних ценах на фриланс сайтах можно заказать норм сайт от 250р.
Анимации на текущем сайте только еще больше его испортят.
А еще воть html5up.net
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы