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: <script src="/wordpress/wp-includes/js/jquery/jquery.js" type="text/javascript"></script>
Y también deberia llamar al jQuery con estas lineas:
Cita: <?php wp_enqueue_script('jquery'); ?>
<?php wp_head(); ?>