Entrar

Problema con plugin Fancybox

clarova · · Solicitar retirada
Hola, a ver si alguien puede ayudarme con este problema.

He instalado el plugin Fancybox for Wordpress, y se supone que lo instalas, lo activas y ya funciona sobre tus imágenes, pero no me funciona.

Por lo que he leído, el problema es que tengo instalado de forma manual NivoSlider y está creando algún conflicto. Pongo el código que tengo de NivoSlider:

En header.php:

<?php wp_enqueue_script("jquery"); ?>

<?php wp_head(); ?>
<?php woo_head(); ?>

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/jquery.nivo.slider.pack.js"></script>

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/scripts/nivo-slider.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/scripts/themes/default/default.css" media="screen" />

<script type="text/javascript">
	
	var $j = jQuery.noConflict();

 	$j(window).load(function() {	
	$j('#nivoslider').nivoSlider({pauseTime: 4000,pauseOnHover: true});
	});
</script>

He puesto lo de wp_enqueue_script y lo de $j porque he leído que así se solucionaba, pero no ha funcionado...


Y en functions.php:

function mimetodo() {

if (!is_admin()) {

wp_deregister_script( 'jquery' );

wp_register_script( 'jquery', '/wp-content/themes/canvas/canvas/scripts/jquery-1.9.0.min.js');

wp_enqueue_script( 'jquery' );
}
}
add_action('init', 'mimetodo');

Muchas gracias!!!
skaparate · · Solicitar retirada
Hola:

¿Necesitas la última versión de jQuery? Si no la necesitas, entonces puedes hacer esto en functions.php:

wp_enqueue_script( 'nombre_script', get_bloginfo( 'template_url' ) . '/script.js', array( 'jquery' ), false, true );

Los parámetros de wp_enqueue_script son:

1.- El nombre del script (no del archivo).
2.- La URL (y no una ruta) hacia el script.js (este sí es el archivo).
3.- Dependencias. Es un array con los scripts de los que depende el archivo pasado en el parámetro 2. Las dependencias deben ser los nombres de los scripts ya registrados con wp_register_script.
4.- Versión del archivo. Es opcional, pero podría ser 1.1, 1.0, etc.
5.- Incluir en el footer. Si se pasa true, el script se incluirá en el footer en lugar de la cabecera (<head>).

En cuanto al problema del conflicto entre los plugins, una forma de evitarlo es esta:

<script type="text/javascript">
  jQuery(document).ready(function($) {
    // Dentro de este bloque deberías poner [B]siempre[/B] el código de cualquier plugin jQuery
    // porque así te aseguras de ejecutarlo después de que el documento se ha cargado por completo.
    $('#nivoSlider').nivoSlider({});
    $('#selector').funcion(...);
    $.funcion({ ... });
    // Etc.
  });
</script>

De esta forma te aseguras que el símbolo de dinero ($) siempre sea devuelto para ser utilizado por otras funciones.
clarova · · Solicitar retirada
Muchas gracias por tu respuesta.

He conseguido solucionar el problema a medias quitando wp_enqueue_script de la cabecera y quitando lo que tenía en funcions.php, por lo que la llamada a jquery ya se estaba haciendo y no hacia falta ponerla otra vez.
El problema es que me funciona solo con las imágenes, no con las galerias..

He intentado poner la funcion wp_enqueue_script como tu dices pero me da un error, y sin ponerla me funciona, aunque no del todo.
He puesto también el código que me has dicho de jQuery(document).ready(function($) por si a caso, pero nada.

En las opciones de la galería tengo seleccionada la opción de enlazado a archivo multimedia, que he leído que a algunos no les funcionaba porque tenían puesta la opción de página de adjuntos.
Y en las opciones de FancyBox tengo puesta la opción por defecto, Incluir todas las imágenes de la página en una única galería.

No sé cual puede ser el problema, alguna idea??
skaparate · · Solicitar retirada
Hmmm... la función wp_enqueue_script debería ser utilizada así:

add_action( 'wp_enqueue_script', 'enqueue_scripts' );

function enqueue_scripts() {
  // Aquí pones las llamadas a los wp_enqueue_script
  wp_enqueue_script( ... );
}

Ahora, el por qué no funciona es difícil de entender sin revisar el código fuente de los plugins (nunca los he utilizado).

¿Que pasa si desactivas Nivo Slider? ¿Funciona Fancybox? Y que pasa si haces lo contrario, ¿Funciona Nivo Slider?
clarova · · Solicitar retirada
Si quito NivoSlider, Fancybox funciona igual, solo con las imágenes sueltas, y si quito Fancybox, NivoSlider sigue funcionando bien.
clarova · · Solicitar retirada
Por si a alguien le interesa, en vez de cargar la galería de la forma normal, lo que he hecho ha sido cargar las imágenes una por una, y en la pestaña texto del editor de entradas les he añadido a todas las imágenes la etiqueta tag="grupo1", para cada galería un tag distinto y ya funciona.

De NivoSlider he dejado esto en la cabecera:
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/scripts/nivo-slider.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url');?>/scripts/themes/default/default.css" media="screen" />
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/jquery.nivo.slider.pack.js"></script>

<script type="text/javascript">
 	jQuery(document).ready(function($) {	
	$('#nivoslider').nivoSlider({pauseTime: 4000,pauseOnHover: true});
	});
</script>

Y nada mas en ningún archivo.

Muchas gracias por las respuestas.