[Решено] Jquery (JavaScript) to CSS animation

Добрый вечер,
как можно вот этот код конвертировать в CSS
Или написать его по другому .. потому что библётека (jQuery) из этого кода .. не даёт работать других функции с сайта к примеру чат каторый тоже на ajax

Когда работает этот код.. другие елименты на сайте не работают на ajax .. думают и думают

Код:

    <!--script type="text/javascript">
        (function($) {
            $(document).ready(function() {
          
                $('#city1').pan({fps: 30, speed: 1, dir: 'right'});
              
                $('#city2').pan({fps: 30, speed: 2, dir: 'right'});
              
                $('#sky').pan({fps: 30, speed: 0.5, dir: 'right'});
              
                var stage_left = (($('body').width() - 866) / 2);
                var stage_top = 30;
              
              
                $('#plane1').sprite({fps: 8, no_of_frames: 14})
                    .spRandom({
                        top: 40,
                        left: stage_left + 20,
                        right: 400,
                        bottom: 140,
                        speed: 3500,
                        pause: 1000
                    });
              
          
            });
        })(jQuery);
    </script-->

 

jQuery.noConflict(); такую штуку не использовали?

 

Да..попробовал .. и тоже самое
Анимация работает как и работало ... а чат тоже не работает.. просмотрел консоли и заметил ошибку в чате .. он обновляет браузер без перерыва .. вместо того что бы работал на ajax и файл cookies.js тоже с ошибками ..

Спасибо вам ..за то что попробовали мне помочь

 

Проблема была в том что я поставил скрипт анимации в HEAD на всех страниц.. а сама анимация была для главной страницы...
и я заметил что в консоли коды с анимации показываются с ошибками в файле чата .. и с ошибками
я убрал коды с head и поставил их в файле index.php и всё ок.. всё без ошибки и вся анимация и чат работают успешно на AJAX