Как установить анимацию CSS+JS

**nbsp** · 15.11.2012 01:43

Всем ку.
Нашел интересный сайт с анимацией изображений.

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 10 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

Скажите пожалуйста как корректно установить анимацию.Там много вариантов,но суть одинакова:дает html,css и js код,которыми надо мудро воспользоваться.Подскажит� � пожалуйста как?

**lodas** · 16.11.2012 21:31

Все стандартно, код html вставляем в файл index.html. подключаем к этому файлу стили что есть на страницы- просто копируем в syle.css и подключаем их к документу. ajax(js) подключите либо в отдельном файле.js либо в начале документа между тегами <head>. Если не работает могут потребоваться какие то библиотеки, то их можно всегда скачать на ихнем сайте- обычно предупреждают какие файлы нужны дополнительно чтобы работала данная анимация.

**CB9TOIIIA** · 17.11.2012 01:50

lodas, верно подметил, ничего сложного нет. Стандартная вставка, ничего сложного. Если возникнет конфликт в JS:

Код HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Для того что б jQuery.noConflict(); заработала ее нужно вызвать скриптом в такой форме:

Код HTML:

 <script type="text/javascript">
    jQuery.noConflict();
 </script>

После того как вставка сделана, нужно в самом скрипте который использует библиотеку jQuery сделать замену, а именно знаки доллара $ заменяем на jQuery.

Код HTML:

$(document).ready(function () {
    $("ul[data-liffect] li").each(function (i) {
        $(this).attr("style", "-webkit-animation-delay:" + i * 300 + "ms;"
                + "-moz-animation-delay:" + i * 300 + "ms;"
                + "-o-animation-delay:" + i * 300 + "ms;"
                + "animation-delay:" + i * 300 + "ms;");
        if (i == $("ul[data-liffect] li").size() -1) {
            $("ul[data-liffect]").addClass("play")
        }
    });
});

	16.11.2012 21:31 #2
lodas Студент Регистрация: 30.10.2012 Сообщений: 68 Репутация: 5	Все стандартно, код html вставляем в файл index.html. подключаем к этому файлу стили что есть на страницы- просто копируем в syle.css и подключаем их к документу. ajax(js) подключите либо в отдельном файле.js либо в начале документа между тегами <head>. Если не работает могут потребоваться какие то библиотеки, то их можно всегда скачать на ихнем сайте- обычно предупреждают какие файлы нужны дополнительно чтобы работала данная анимация.
0 lodas

	17.11.2012 01:50 #3
CB9TOIIIA Дипломник Регистрация: 10.11.2009 Сообщений: 143 Репутация: 57 Webmoney BL: ?	lodas, верно подметил, ничего сложного нет. Стандартная вставка, ничего сложного. Если возникнет конфликт в JS: Код HTML: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> Для того что б jQuery.noConflict(); заработала ее нужно вызвать скриптом в такой форме: Код HTML: <script type="text/javascript"> jQuery.noConflict(); </script> После того как вставка сделана, нужно в самом скрипте который использует библиотеку jQuery сделать замену, а именно знаки доллара $ заменяем на jQuery. Код HTML: $(document).ready(function () { $("ul[data-liffect] li").each(function (i) { $(this).attr("style", "-webkit-animation-delay:" + i * 300 + "ms;" + "-moz-animation-delay:" + i * 300 + "ms;" + "-o-animation-delay:" + i * 300 + "ms;" + "animation-delay:" + i * 300 + "ms;"); if (i == $("ul[data-liffect] li").size() -1) { $("ul[data-liffect]").addClass("play") } }); });
0 CB9TOIIIA

Темы	Раздел	Ответов	Последний пост
Не получается установить OpenCart	CMS	0	28.08.2012 17:19
Помогите установить шаблон на WP	WordPress	2	09.06.2012 20:21
Установить код сапы на ДЛЕ	Другая работа	1	21.05.2012 20:15
Как установить облака тегов на DLE?	Web программирование	0	09.04.2012 20:39

Как установить анимацию CSS+JS

Опции темы

Тэги топика:

Похожие темы

Не получается установить OpenCart

Помогите установить шаблон на WP

Установить код сапы на ДЛЕ

Как установить облака тегов на DLE?

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры