Wordpress и Jquery слайд

Question

Я интегрирую ползунок Jquery внутри WordPress, вот демоверсия 1002 * ползунка.

Я вижу, что это div, но по какой-то причине он не появляется. Посмотреть рабочий сайт

здесь

Теперь моя проблема в том, что этот код:

<script type="text/javascript">
var _siteRoot='index.php',_root='index.php';</script>
  <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
  <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/scripts.js"></script>

представляет и index.html, но в WordPress я включил постоянные ссылки. Любая подсказка, что бы был _siteRoot?

вот полный код

HEADER

<script type="text/javascript">
var _siteRoot='index.php',_root='index.php';</script>
  <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery.js"></script>
  <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/scripts.js"></script>

Вот изображения:

<div id="slide-holder">
<div id="slide-runner">
    <a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>
    <a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a> 
    <div id="slide-controls">
     <p id="slide-client" class="text"><strong>post: </strong><span></span></p>
     <p id="slide-desc" class="text"></p>
     <p id="slide-nav"></p>
    </div>
</div>

    <!--content featured gallery here -->
   </div>

И нижний колонтитул

<script type="text/javascript">
    if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1"},{"id":"slide-img-2"},{"id":"slide-img-3"},{"id":"slide-img-4"},{"id":"slide-img-5"},{"id":"slide-img-6"},{"id":"slide-img-7"},{"id":"slide-img-8"}];
   </script>

Answer 1

Когда вы вставляете WP переменные / константы в javascript, я с большим успехом добавляю javascscript в верхнюю часть header.php моей темы с некоторыми глобальными переменными.

Ваши конкретные настройки могут быть выполнены с помощью:

var _siteRoot='<?php bloginfo('url'); ?>',
var _root='<?php bloginfo('url'); ?>';