Jcarousel no funciona en Wordpress.

AxSkyex21 · #1 (**permalink**) 28/10/2010, 20:17

Hola gente.

Verán quiero instalar un jcarousel en mi web con wordpress en el header.

Ya cree uno con bloc de notas y subí los archivos *.js y *.css a un hosting temporal. (110mb.com).
Y me anduvo perfecto.

Pero al usarlo en wordpress prácticamente no se produce el efecto del carrusel. Las imagenes se ven en forma de columna.
Mejor veanlo:
http://askye21.comuf.com/wordpress/

Este es el código que usé para crear el jcarousel:

Código:

<div id="wrap">
   <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>

    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
  </ul>

</div>

Y éste el código que puse en el <head> del documento:

Código:

<link href="http://askye21.comuf.com/wordpress/jcarousel/style.css" rel="stylesheet" type="text/css" />
<!--
  jQuery library
-->
<script type="text/javascript" src="http://askye21.comuf.com/wordpress/jcarousel/jquery-1.4.2.min.js"></script>
<!--
  jCarousel library
-->
<script type="text/javascript" src="http://askye21.comuf.com/wordpress/jcarousel/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="http://askye21.comuf.com/wordpress/jcarousel/tango-skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
    	wrap: 'circular'
    });
});

</script>

*Todo eso lo puse en el archivo header.php de Wordpress.

Ya volví a probar en el Bloc de Notas y sale. Y ya cree una carpeta en la carpeta 'wordpress' del hosting. Ahi puse todos los archivos *.js, *.css, *.png. etc.
Y si funciona, aquí el archivo del hosting temporal:
http://video-wrestlers.110mb.com/carrusel.html

asi que no se que pueda estar fallando en Wordpress, según esto debia faltar un código para usar Javascript:

Código:

<script src="/wordpress/wp-includes/js/jquery/jquery.js" type="text/javascript"></script>

Pero si existe en mi hosting.

Que falla entonces?

Gracias de antemano

Edito:
Problema resuelto, las líneas estaban bien pero yo estaba llamando al Javascript con la linea

Cita:

Y también deberia llamar al jQuery con estas lineas:

Cita:

<?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>