[Resolvido] Código Java

[Lou Dog 0]

Opa..

Eu coloquei um menu em jquery na minha pagina html...até ai tudo bem.

Daí eu coloquei uma galeria em jquery tbm nesta mesma pagina...

O problema é que quando coloco o código script java, da galeria, o menu nao funciona...

e se eu colocar o código javascript do menu antes, e depois na hora de colocar o codigo da galeria, ela nao funciona...

Ou funciona uma ou outra...

O que eu preciso fazer??

Se precisarem posso postar o codigo aqui

OBG

[William Bruno 1501]

Poste como ficou as tuas chamadas a tag <script>

 

note que se os 2 usarem a lib jQuery, importe a lib uma unica vez no inicio de tudo.

 

no caso, você está falando de javascript. E não de java. Java é outra linguagem, completamente diferente.

[Lou Dog 0]

Este é o código da galeria:

<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
	$(document).ready(function() {
		/*
		*   Examples - images
		*/

		$("a#example1").fancybox();

		$("a#example2").fancybox({
			'overlayShow'	: false,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic'
		});

		$("a#example3").fancybox({
			'transitionIn'	: 'none',
			'transitionOut'	: 'none'	
		});

		$("a#example4").fancybox({
			'opacity'		: true,
			'overlayShow'	: false,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'none'
		});

		$("a#example5").fancybox();

		$("a#example6").fancybox({
			'titlePosition'		: 'outside',
			'overlayColor'		: '#000',
			'overlayOpacity'	: 0.9
		});

		$("a#example7").fancybox({
			'titlePosition'	: 'inside'
		});

		$("a#example8").fancybox({
			'titlePosition'	: 'over'
		});

		$("a[rel=example_group]").fancybox({
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'titlePosition' 	: 'over',
			'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
				return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? '   ' + title : '') + '</span>';
			}
		});

		/*
		*   Examples - various
		*/

		$("#various1").fancybox({
			'titlePosition'		: 'inside',
			'transitionIn'		: 'none',
			'transitionOut'		: 'none'
		});

		$("#various2").fancybox();

		$("#various3").fancybox({
			'width'				: '75%',
			'height'			: '75%',
			'autoScale'			: false,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'				: 'iframe'
		});

		$("#various4").fancybox({
			'padding'			: 0,
			'autoScale'			: false,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none'
		});
	});
</script>

 

E o do menu é:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.easing.1.3.js"></script>
       <script type="text/javascript">
           $(function() {
			/**
			* for each menu element, on mouseenter, 
			* we enlarge the image, and show both sdt_active span and 
			* sdt_wrap span. If the element has a sub menu (sdt_box),
			* then we slide it - if the element is the last one in the menu
			* we slide it to the left, otherwise to the right
			*/
               $('#sdt_menu > li').bind('mouseenter',function(){
				var $elem = $(this);
				$elem.find('img')
					 .stop(true)
					 .animate({
						'width':'170px',
						'height':'170px',
						'left':'0px'
					 },400,'easeOutBack')
					 .andSelf()
					 .find('.sdt_wrap')
				     .stop(true)
					 .animate({'top':'140px'},500,'easeOutBack')
					 .andSelf()
					 .find('.sdt_active')
				     .stop(true)
					 .animate({'height':'170px'},300,function(){
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length){
						var left = '170px';
						if($elem.parent().children().length == $elem.index()+1)
							left = '-170px';
						$sub_menu.show().animate({'left':left},200);
					}	
				});
			}).bind('mouseleave',function(){
				var $elem = $(this);
				var $sub_menu = $elem.find('.sdt_box');
				if($sub_menu.length)
					$sub_menu.hide().css('left','0px');

				$elem.find('.sdt_active')
					 .stop(true)
					 .animate({'height':'0px'},300)
					 .andSelf().find('img')
					 .stop(true)
					 .animate({
						'width':'0px',
						'height':'0px',
						'left':'85px'},400)
					 .andSelf()
					 .find('.sdt_wrap')
					 .stop(true)
					 .animate({'top':'25px'},500);
			});
           });
       </script>

 

Eu não entendo muito de Java...eu peguei dois exemplos prontos e estou personalizando...

era este código mesmo que você queria ver?

Os códigos estão separados no html...eu preciso juntar um com outro?

[William Bruno 1501]

Eu não entendo muito de Java...

você não está usando Java. você está usando javascript.

Java não tem nada a ver com javascript.

 

 

 

era este código mesmo que você queria ver?

sim, exatamente isso.

 

Os códigos estão separados no html...eu preciso juntar um com outro?

tudo bem, pode deixar separado.

 

O ideal aqui, era que você não usasse o fancybox-pack, pois ele contém o jQuery dentro dele.

E isso está fazendo com que você importe a lib 2 vezes(motivo do seu problema).

 

 

Em vez de usar:

<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>

baixe o fancy separado, e use o:

http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.js

 

Entendeu ?

[Lou Dog 0]

O inicio do código fica assim então:

 

<script type="text/javascript" src="file:///C|/Users/All Dcom/Downloads/jquery.fancybox-1.3.4/jquery.fancybox-1.3.4/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="file:///C|/Users/All Dcom/Downloads/jquery.fancybox-1.3.4/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.js"></script>

 

nao deu certo...fiz algo errado?

[William Bruno 1501]

sim, você fez"algo errado".

você não deve usar caminhos absolutos do seu windows.

 

 

Mas sim relativos ao servidor web, do qual você esta rodando o site.

[Lou Dog 0]

o site ainda nao esta no ar...to usando o visualizador do dreamweaver para ver o resultado. Isso muda alguma coisa?

O Código ficou então:

 

<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.js"></script>
<link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css" media="screen" />
	<link rel="stylesheet" href="style.css" />

 

E ainda não de certo

[Lou Dog 0]

Se eu te mandar os arquivos você não pode dar uma olhada pra mim?

[Lou Dog 0]

Eu usei o método noConflict e consegui resolver o problema.

http://wbruno.com.br/blog/2011/08/24/noconflict-jquery-usando-2-bibliotecas-javascript-alias/

 

Resolvido

Obrigado por responder Willian