ResponsiveSlides.js и изображения Wordpress не отображаются

Я пытаюсь интегрировать ResponsiveSlides.js в свои проекты WordPress, и я думаю, что я более или менее корректно переносил плагин JQuery в формат Wordpress, но изображения почему-то отказываются загружаться по какой-либо причине , Вот ссылка на тест WordPress тема, я в здании:ResponsiveSlides.js и изображения Wordpress не отображаются

www.azletconsulting.com

мой functions.php код здесь:

function responsive_slides() { 
wp_enqueue_script('jquery'); 
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'); 
wp_enqueue_script('jqueryui'); 
    wp_register_script('responsiveslides', get_template_directory_uri(). '/js/responsiveslides.min.js'); 
wp_enqueue_script('responsiveslides'); 
    wp_register_style('responsiveslidescss', get_template_directory_uri(). '/responsiveslides.css'); 
    wp_enqueue_style('responsiveslidescss'); 
} 
add_action('wp_enqueue_scripts', 'responsive_slides');

Мой HTML код страницы здесь:

<section class="main"> 
    <div class="front_slide"> 
     <ul id="slider1" class="rslides rslides1"> 
      <li id="rlslides1_s0" class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 900ms ease-in-out 0s;"> 
       <img alt="" src="<?php bloginfo('template_directory'); ?>/images/slideshow/test1.png"> 
      </li> 
      <li id="rlslides1_s1" class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 900ms ease-in-out 0s;"> 
       <img alt="" src="<?php bloginfo('template_directory'); ?>/images/slideshow/test2.png"> 
      </li> 
      <li id="rlslides1_s2" class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 900ms ease-in-out 0s;"> 
       <img alt="" src="<?php bloginfo('template_directory'); ?>/images/slideshow/test3.png"> 
      </li> 
      <li id="rlslides1_s3" class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 900ms ease-in-out 0s;"> 
       <img alt="" src="<?php bloginfo('template_directory'); ?>/images/slideshow/test4.png"> 
      </li> 
     </ul> 
    </div> 
    <div class="main_header"> 




    <script type="text/javascript"> 
    jQuery('.rslides1').responsive_slides(); 
    </script> 

<?php get_footer(); ?>

источник

2015-04-05 Baroti

Приведенная ссылка показывает пустую страницу. Однако в источнике есть HTML. Консоль говорит: 'jQuery (...). ResponsiveSlides не является функцией. – MisterBla

Извините, я исправил ее до responsive_slides(), что должно быть правильным, поскольку это находится в определенной функции в файле functions.php, как показано выше. – Baroti

'responsive_slides не является функцией'. Вам нужно использовать консоль, чтобы выяснить, что происходит. – MisterBla

Я предполагаю, что это слайдер вы используете? http://responsiveslides.com/

В этом случае измените responsive_slides() на responsiveSlides()

jQuery('.rslides1').responsiveSlides();

Edit: Я скопировал над содержанием HTML на мой локальный сервер вместе со всеми ресурсами, и я могу подтвердить, что делает, что небольшие работы по изменению ,

источник

2015-04-05 04:00:47 Jonathan

Эй, Джонатан, это исправлено! Я предполагаю, что функция вызывает функцию из .js-файла вместо того, что я вызвал в функции functions.php, чтобы загрузить ее в мой заголовок. Это был мой первый раз, пытаясь включить плагин jquery в Wordpress, поэтому спасибо за помощь. – Baroti

ResponsiveSlides.js и изображения Wordpress не отображаются

ответ

Смежные вопросы