[Resolvido] Código Java

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.

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?

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 ?

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?

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.

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

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

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