Diapositive Wordpress et Jquery

Question

Je suis l'intégration d'un curseur Jquery à l'intérieur de wordpress voici le demo du curseur.

Je peux voir le div qui est leur mais pour une raison quelconque, il ne se présente pas. Voir le site de travail here

Maintenant, mon problème est que ce code:

<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> 

représente et index.html, mais je wordpress permis permaliens. Une idée de ce que serait le _siteRoot?

ici est le code complet

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> 

Voici les images:

<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> 

Et le pied de page

<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

Lorsque vous collez des vars/constantes WP en javascript, j'ai le meilleur succès en ajoutant un javascscript en haut de header.php de mon thème avec quelques variables globales.

Vos paramètres particuliers pourraient probablement être fait avec:

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