Problemas al añadir dos plugins jquery

Estado
Cerrado para nuevas respuestas

resback

Miembro Activo
Miembro
Hola, buen día.... :coolioju:

mi problema es que estoy haciendo una pagina en HTML, añadí un plugin de slider y otro de zoom a imagenes, ambos bajo jquery....

El problema que cuando inserto los dos en un mismo documento el slider me deja de funcionar, el zoom sigue funcionando pero el slider no...
(No lo estoy aplicando a los mismos elementos de la página)

El slider por separado en otro html , si me funciono perfecto.

No tengo la mejor idea de javascript pero imagino que por ser códigos similares tengan algún conflicto por estar en un mismo archivo html.

Dejo adjunto mi archivo de mi página que estoy haciendo.

Esta comprimido en .rar y pesa 2.3m

Vienen unicamente 2 archivos html

Index.html (Donde vienen los 2 plugins pero no funciona el slider)
slider separado.html (Donde viene el slider funcionando correctamente)

http://goo.gl/ooyjm
Esta en link directo a un host propio.

Me seria de gran ayuda si alguien me ayudara a resolverlo

Saludos y buen día
 

resback

Miembro Activo
Miembro
Añado algo que probe....

Este era mi codigo inicial....



Luego leyendo un poco le añadi jQuery.noConflict();



Se inviertieron los papeles, ahora funcionada el slider, pero el imagen en zoom ya no..... me hago muchas bolas jejeje
 

resback

Miembro Activo
Miembro
Hola, solucione el problema dejando todo como estaba al principio, solo borre un llamado de un jquery.min.js
Ya que lo llamaba dos veces en mi documento pero versiones distintas.
 

JPablo

Miembro Activo
Miembro
Por empezar, noConflict() es otra cosa.

Lo segundo es que el script es uno solo, y más siendo lo mismo.

$('body').nivoZoom(). ¿De verdad? Selector body? Fijate eso. Simpre trata de colocar el selector correcto, el plugin tiene documentación, habría que leerla.

Luego.

Cuidado las diferencias entre load y ready. El load es peligroso y en ocasiones vas a toparte con una pared xDD

En el HTLM tenés algo así.
Insertar CODE, HTML o PHP:
<script type="text/javascript">
$(window).load(function() {
	$('body').nivoZoom();
});

			$(window).load(function() {
				$('#featured').orbit();
			});

</script>
Estás preguntando dos veces cuando esté ready.
Ponelo así.
Insertar CODE, HTML o PHP:
<script type="text/javascript">
$(document).ready(function() {
	$('body').nivoZoom();
	$('#featured').orbit();
});
</script>
O mucho mejor, generar un script.js y meter todos los scripts ahí dentro. Al final del documento.

Jquery, plugins y al final script. No necesitás load porque estás haciendo en order correcto.
No uses el pack completo de los plugins, identifica qué necesitas y borra el resto.

Jquery, minificado, no vas a modificarlo.

No se en qué más puedo ayudarte.

Extrañaba esto debo decir xDD
 

JPablo

Miembro Activo
Miembro
A si, centrá la galería.
.galery_foot, agregar margin: 0 auto;
 
Estado
Cerrado para nuevas respuestas
Arriba Pie