Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

FelipeCap

conflitos com jQuery

Recommended Posts

Boa noite , depois de passar horas lendo o forum do imasters , descobri que tenho um problema:

 

No meu codigo html tem 2 chamadas de jquery uma scripts/jquery.js que é de uma galeria de fotos

e outro scripts/jquery/jquery-1.8.3.min.js que é do nivoslider outra galeria da home.

 

Vi que tenho que usar a tag noConflict() porem não sei onde aplica-la, o código da galeria de fotos que esta conflitando é o seguinte:

 

<script type="text/javascript">

jQuery(function($) {

	$('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability

	$('ul.gallery_demo').galleria({
		history   : true, // ativa a legenda da foto ampliada
		clickNext : true, // ativa o link sobre a imagem ampliada para a próxima
		insert    : '#main_image', // nome do div onde aparecerá a imagem ampliada
		onImage   : function(image,caption,thumb) { 

			// efeito na imagem e na legenda
			if(! ($.browser.mozilla && navigator.appVersion.indexOf("Win")!=-1) ) { 
				image.css('display','none').fadeIn(1000);
			}
			caption.css('display','none').fadeIn(1000);

			var _li = thumb.parents('li');

			_li.siblings().children('img.selected').fadeTo(500,0.3);

			thumb.fadeTo('fast',1).addClass('selected');

			// adiciona um título para a imagem ampliada
			image.attr('title','Próxima');
		},
		onThumb : function(thumb) {				
			var _li = thumb.parents('li');				
			var _fadeTo = _li.is('.active') ? '1' : '0.5';				
			// efeito ao carregar os thumbs
			thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);				
			// efeito ao colocar o mouse em cima do thumb
			thumb.hover(
				function() { thumb.fadeTo('fast',1); },
				function() { _li.not('.active').children('img').fadeTo('fast',0.3); } 
			)
		}
	});
});
</script>

 

 

 

Alguem pode me ajudar onde devo alterar para noConflict() ? sou iniciante e peguei a galeria semi-pronta.

 

ABS aos amigos do imasters. FC

Compartilhar este post


Link para o post
Compartilhar em outros sites

não precisa cara..

 

apenas chame uma unica vez a lib jQuery, só isso.

 

o noConflict é para o caso de você usar jQuery + scriptaculous... ou seja, não é o seu caso.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ai é que está o probema. Se chamo so a scripts/jquery.js os dos slides aparecem porem 1 deles fica buggado

sem os botoes e nao passa as fotos.

 

Se chamo so a scripts/jquery/jquery-1.8.3.min.js a galeria de fotos nao funcionam

 

Com os 2 elas funcionam porem no Ie e no firefox não...

 

Está dando esse conflito, to quebrando a cabeça faz tempo ´já.

 

Obrigado pela ajuda!

Compartilhar este post


Link para o post
Compartilhar em outros sites

o correto é chamar 1 só vez a lib jQuery.

 

chame apenas a mais recente, em cima de tudo. Faça isso, e então retorne para debugarmos:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.