¿Por qué no me funciona el Nivo Slider en Wordpress?

alvarols · #1 (**permalink**) 21/03/2011, 11:43

Tengo un problema y no logro hacer funcionar el framework NivoSlider en Wordpress. Tanto el jquery como el plugin están bien linkeados, pero hay algo que no los logra hacer llamar. Aquí adjunto todo el código de la página inicial de Wordpress para que vean.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--BEGIN html-->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="es-ES">
<!-- Built on WP Framework (http://wpframework.com) - Powered by WordPress (http://wordpress.org) -->

<!--BEGIN head-->
<head profile="http://purl.org/uF/hAtom/0.1/ http://purl.org/uF/2008/03/">

	<title>Sitio de Prueba - Otro sitio realizado con WordPress</title>

	<!-- Meta Tags -->
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<meta name="generator" content="WordPress" />
	<meta name="framework" content="WP Framework" />

	<!-- Favicon: Browser + iPhone Webclip -->
	<link rel="shortcut icon" href="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/images/favicon.ico" />
	<link rel="apple-touch-icon" href="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/images/iphone.png" />

	<!-- Stylesheets -->
	<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/wp-framework/style.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/css/print.css" type="text/css" media="print" />

  	<!-- Links: RSS + Atom Syndication + Pingback etc. -->
	<link rel="alternate" type="application/rss+xml" title="Sitio de Prueba RSS Feed" href="http://localhost/wordpress/?feed=rss2" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="http://localhost/wordpress/?feed=rss" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://localhost/wordpress/?feed=atom" />
	<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" />
    





	<!-- Theme Hook -->
    		<script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.4.4'></script>

<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/wp-framework/library/media/js/supersubs.js?ver=3.1'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/wp-framework/library/media/js/jquery.bgiframe.min.js?ver=3.1'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/wp-framework/library/media/js/superfish.js?ver=3.1'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-content/themes/wp-framework/library/media/js/screen.js?ver=3.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Sitio de Prueba' href='http://localhost/wordpress' />


    
    <!-- Javascript -->
    <link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/wp-framework/js/nivo-slider.css" type="text/css" media="screen" />

    <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/wp-framework/js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/wp-framework/js/jquery.js"></script>
	<script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({
			animSpeed:500, // Slide transition speed
		});
    });
    </script>

<!--END head-->
</head>

<!--BEGIN body-->
<body class="home blog y2011 m03 d21 h17 windows firefox ff3">
	
	<!--BEGIN .container-->

	<div class="container">

		<!--BEGIN .header-->
		<div class="header">
        	<div id="logotipo">
            	<a href="http://www.maricarmensouza.com"><img src="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/layouts/images/logotipo.jpg" /></a>
            </div>

		<!--END .header-->
		</div>

       <!--Menú-->
        <div id="menu">
        	<ul>
            	<li class="maricarmen"><a href=""></a></li>
                <li class="catalogo"><a href=""></a></li>
                <li class="obras"><a href=""></a></li>
                <li class="blog"><a href=""></a></li>
                <li class="contacto"><a href=""></a></li>
            </ul>

        </div>
        
        <div id="divisoria">
        </div>

		<!--BEGIN #content-->
		<div id="content">
		<div id="semblanza">
<h1>Breve Semblanza</h1>
<p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>

</div>

<div id="slider">
    <img src="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/layouts/images/1.jpg" alt="" />
    <img src="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/layouts/images/2.jpg" alt="" />
    <img src="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/layouts/images/3.jpg" alt="" />
    <img src="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/layouts/images/4.jpg" alt="" />
    <img src="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/layouts/images/5.jpg" alt="" />
    <img src="http://localhost/wordpress/wp-content/themes/wp-framework/library/media/layouts/images/6.jpg" alt="" />


</div>


		<!--END #content-->
		</div>
			
		<!--BEGIN .footer-->
		<div class="footer">
			<p id="copyright">&copy; 2011 <a href="http://localhost/wordpress">Sitio de Prueba</a>. Built on <a href="http://wpframework.com">WP Framework</a> &mdash; Powered by <a href="http://wordpress.org">WordPress</a></p>

			<!-- Theme Hook -->
					
		<!--END .footer-->
		</div>
	<!--END .container-->
	</div> 
<!--END body-->
</body>
<!--END html(kthxbye)-->
</html>

caricatos · #2 (**permalink**) 21/03/2011, 11:45

Tema movido desde javascript

masterpuppet · #3 (**permalink**) 21/03/2011, 11:50

Que error te muestra firebug ?, en que navegador falla ?, la coma dentro de la opciones esta de mas, y va a hacer que falle en IE, deberia ser:

Código Javascript:

Ver original$(window).load(function() {
    $('#slider').nivoSlider({
        animSpeed: 500
    });
});

Saludos.

prava · #4 (**permalink**) 21/03/2011, 14:43

Hola, no será que el link a jquery debe ir antes que el del .js de nivo?

Saludos,
Pablo.

Nekko · #5 (**permalink**) 22/03/2011, 06:33

Está llamando dos veces a jQuery... no sé si específicamente eso lo hará fallar acá, pero de seguro que es innecesario.

prava · #6 (**permalink**) 23/03/2011, 06:32

Hola, yo diría que quitaras el ultimo llamado a jquery.js. que seguro es innecesario y puede producir un error ahí.

Saludos,
Pablo.