Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Анимация фона (https://javascript.ru/forum/xhtml-html-css/63626-animaciya-fona.html)

Mitai 19.06.2016 11:49

Анимация фона
 
Вложений: 1
Доброго времени суток, помогите пожалуйста сделать правильно все, пытаюсь подключить анимацию заднего фона, но ни чего не выходит.
Фон взят от сюда http://bayguzin.ru/main/skriptyi/fon...-skriptov.html
мне посоветовали сделать еще один ID и скопировать его содержимое из css, я так и сделал но анимации нету, он мне сказал добавить в JS файл код для этого ID, но после этих манипуляции пропала анимация даже в том диве где до этого она была

Mitai 19.06.2016 12:05

и там изначально при установке была проблема, анимация работала только на правой половине экрана мне, один человек помог это исправить не много изменив css в файле circle но вот как подключить его к остальным страницам он не знает

рони 19.06.2016 12:16

Mitai,
может в какой песоочнице пример сделаите, кто-же будет zip качать 7.37 Мб

Mitai 19.06.2016 12:58

залил, но его почему то весь перекосило, на локалке этого нет(
http://test-eset32u.1gb.ru/#Page1
прошлый человек который помогал просил ему скинуть архивом сайт...

рони 19.06.2016 15:03

Mitai,
две jquery не грузят, fullPage отсутствует

Mitai 19.06.2016 16:09

наверно сбились пути к файлам css скинул все в папку http хотя некоторые картинки и стили работают, я в этом дуб дубовый, н ичего не понимаю

Mitai 19.06.2016 16:17

<!-- Конец кода -->
<!-- Подключаем скрипты -->
<script src="http://yastatic.net/jquery/2.1.3/jquery.min.js"></script>
<script src="fullpage/jquery.fullpage.min.js"></script>
<script src="js/js.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="js/parallaxsoon3.js" type="text/javascript"></script>
щас такие пути, я скидываю все файлф в папку http на хостинге, в путях нужно что то менять?

рони 19.06.2016 17:01

Mitai,
убрать все <canvas id="pixie"></canvas>

блок Подключаем скрипты должен выглядеть так, для файла index в zip


<script src="http://yastatic.net/jquery/1.12.2/jquery.min.js"></script>
     <script src="fullpage/jquery.fullpage.min.js"></script>
     <script src="js/js.js"></script>
     <script src="js/parallaxsoon3.js" type="text/javascript"></script>
     <canvas id="pixie"></canvas>

Mitai 19.06.2016 17:39

ух блин не знаю вобщем как но вроде сделал все как было на локалке))
суть в том что анимация фона щас идет так как было в начале, затем один добрый человек в вк мне подсказал где в коде что дописать что бы она была на весь экран это файл circle вместо
#pixie{position:fixed;} я писал следующее
#pixie {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

Mitai 19.06.2016 17:41

если с этим все понятно то теперь остается узнать как этот фон подлкючить не только к 1му диву? копирование содержимого ни какого результат не дает на фоне есть только картинка без анимации, его соевты по поводу копирования содержимого в JS то же ни к чему не привели
дальше у тебя идёт вот эта строка
$(canvas).attr("width", WIDTH).attr("height", HEIGHT);
и она для разных дивов должна выглядеть, как
$(canvas1).attr("width", WIDTH).attr("height", HEIGHT);
$(canvas2).attr("width", WIDTH).attr("height", HEIGHT);
если ты называл переменные, как я писал выше
в итоге анимация появлялась в див 2 но пропадала в див 1


Часовой пояс GMT +3, время: 01:54.