Intereting Posts

Карусель jQuery не работает на домашнем сайте wordpress

У меня есть два jquery-карусели на веб-сайте, который я разработал для друга, и только один будет работать. Я попытался переименовать переменные и сделать две отдельные функции для каждой карусели, но до сих пор не повезло.

ПРИМЕЧАНИЕ: ПЕРВЫЙ ОДИН НА СТРАНИЦЕ БУДЕТ! НО НЕ СЛЕДУЮЩИЙ ОДИН.

Карусель Одно кодирование:

<div id="cycler"> <img class="active" src="http://EXAMPLE.com/wp-content/uploads/2014/03/r-5.jpg" alt="My image" /> <img src="http://EXAMPLE.com/wp-content/uploads/2014/03/r-4.jpg" alt="My image" /> <img src="http://EXAMPLE.com/wp-content/uploads/2014/03/r-2.jpg" alt="My image" /></div> function cycleImages(){ var $active = $('#cycler .active'); var $next = ($active.next().length > 0) ? $active.next() : $('#cycler img:first'); $next.css('z-index',2); $active.fadeOut(1500,function(){ $active.css('z-index',1).show().removeClass('active'); $next.css('z-index',3).addClass('active'); }); } $(document).ready(function(){ setInterval('cycleImages()',3000); }); 

Карусель с двумя кодировками:

 <div id="cycler2"> <img class="active2" src="http://EXAMPLE.com/wp-content/uploads/2014/03/r-5.jpg" alt="My image" /> <img src="http://EXAMPLE.com/wp-content/uploads/2014/03/r-4.jpg" alt="My image" /> <img src="http://EXAMPLE.com/wp-content/uploads/2014/03/r-2.jpg" alt="My image" /></div> function cycleImages2(){ var $active = $('#cycler2 .active2'); var $next = ($active.next().length > 0) ? $active.next() : $('#cycler2 img:first'); $next.css('z-index',2); $active.fadeOut(1500,function(){ $active.css('z-index',1).show().removeClass('active2'); $next.css('z-index',3).addClass('active2'); }); } function tymeCycle(){ setInterval('cycleImages2()',3000); }); 

Обратите внимание, что у меня есть эти скрипты, загружающие тему wordpress на двадцать один год из моей страницы функций. Пожалуйста, смотрите ниже.

 wp_enqueue_script( 'cycleImages', get_theme_file_uri( '/assets/js/cycleImages.js' ), array( 'jquery' ), '1.1.0', true ); wp_enqueue_script( 'cycleImages', get_theme_file_uri( '/assets/js/cycleImages2.js' ), array( 'jquery' ), '1.1.1', true ); 

Любая помощь или идеи были бы весьма признательны и благодарны вам в продвинутом виде.