jQuery incompatibilidade entre navegadores.

legalizado · 17 de março de 2013

Oi pessoal, meu nome é Lucas ! Eu sou novo nessa parte de desenvolvimento aqui do fórum. To precisando de uma força de vocês.

Meu site exibe um menu em jquery e uma galeria de imagens em determinada página, funciona tudo direitinho no Safari, Opera, Goolge Chome ( o que não é novidade nenhuma ), mas não funciona no Firefox e no IE, vou colocar o codigo pra vocês darem uma olhada, eu to ACHANDO que é algum conflito de funções no jquery, mas eu não entendo mt bem. AJUDA EU TIO.

<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">



<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="false">
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/galeria.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="js/jqueryy.js"></script>

<script type="text/javascript" src="js/jquery.galleria.packk.js"></script>
<script type="text/javascript">

</script>




<link rel="stylesheet" type="text/css" href="css/estilo.css" />
<style type="text/css" >
#featured .ui-tabs-panel .info{
display:none;}
font { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#306; }
fontt { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
fonttt { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; }
</style>


<script type="text/javascript" src="js2/jquery-1.3.2.min.js" ></script>
<script type="text/javascript" src="js2/jquery-ui-1.7.2.custom.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured").tabs({fx:[{opacity: "toggle", duration: 'slow'}, {opacity: "toggle", duration: 'normal'}],
show: function(event, ui){
$('#featured .ui-tabs-panel .info').hide();
var infoheight=$('.info', ui.panel).height();
$('.info', ui.panel).css('height', '0px').animate({ 'height': infoheight }, 500);
}
}).tabs("rotate", 5000, true);
$('#featured').hover(
function(){ $('#featured').tabs('rotate', 0, true); },
function(){ $('#featured').tabs('rotate', 5000, true); }
);
$('#featured .ui-tabs-panel a.hideshow').click(function(){
if($(this).text()=='Hide'){
$(this).parent('.info').animate({ 'height': '0px' }, 500);
$(this).text('Show');
}
else{
$(this).parent('.info').animate({ 'height': '70px' }, 500);
$(this).text('Hide');
}
return false;
});
});
</script>

<script type="text/javascript" src="js2/jquery.js"></script>
<script type="text/javascript" src="js2/interface.js"></script>



<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ALPHANET</title>
</head>
<body>
<div id="cor_topo_um"></div>
<div id="cor_topo_dois"></div>
<div id="logo"></div>
<div id="slide">

<div id="featured" >
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/image1-small.jpg" alt="" /><span>Nossos serviços</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/image2-small.jpg" alt="" /><span>Preços base</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/image3-small.jpg" alt="" /><span>A melhor divulgação</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/image4-small.jpg" alt="" /><span>Algumas ferramentas</span></a></li>
</ul>


<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/image1.jpg" alt="" />
<div class="info" >

</div>
</div>


<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image2.jpg" alt="" />
<div class="info" >

</div>
</div>


<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image3.jpg" alt="" />
<div class="info" >

</div>
</div>


<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/image4.jpg" alt="" />
<div class="info" >

</div>
</div>

</div>
</div>
</div>
<div id="menu_dock">


<div class="dock" id="dock">
<div class="dock-container">
<a class="dock-item" href="index.html"><img src="images/home.png" alt="Principal" /><span>Principal</span></a>
<a class="dock-item" href="contato.html"><img src="images/email.png" alt="Contato" /><span>Contato</span></a>
<a class="dock-item" href="portifolio.html"><img src="images/portfolio.png" alt="portfolio" /><span>Portifólio</span></a>
<a class="dock-item" href="empresa.html"><img src="images/music.png" alt="Empresa" /><span>Sua empresa</span></a>
<a class="dock-item" href="orcamento.html"><img src="images/video.png" alt="Orçamento" /><span>Faça um orçamento</span></a>
<a class="dock-item" href="precos.html"><img src="images/history.png" alt="Preços" /><span>Preços</span></a>
<a class="dock-item" href="servicos.html"><img src="images/calendar.png" alt="Serviços" /><span>Serviços</span></a>
<a class="dock-item" href="http://www.facebook.com/lucas.giovani.5245"><img src="images/rss.png" alt="rss" /><span>Facebook</span></a>
</div>
</div>
</div>


<script type="text/javascript">

$(document).ready(
function()
{
$('#dock').Fisheye(
{
maxWidth: 50,
items: 'a',
itemsText: 'span',
container: '.dock-container',
itemWidth: 40,
proximity: 90,
halign : 'center'
}
)
$('#dock2').Fisheye(
{
maxWidth: 60,
items: 'a',
itemsText: 'span',
container: '.dock-container2',
itemWidth: 40,
proximity: 80,
alignment : 'left',
valign: 'bottom',
halign : 'center'
}
)
}
);

</script>

<div id="content">
<div id="widget_1_portifolio">

<div class="demo">

<div id="main_image"></div>
<ul class="gallery_demo">
<li class="active"><img src="img/flowing-rock.jpg" alt="Rock" title="Auforia Produções"></li>
<li><img src="img/stones.jpg" alt="" title="Kinomi Suchi e Massas"></li>
<li><img src="img/grass-blades.jpg" alt="" title="Futura Escavações"></li>
<li><img src="img/ladybug.jpg" alt="" title="IESPLAN - Pós Engenharia"></li>
<li><img src="img/lightning.jpg" alt="" title="Alphanet"></li>
<li><img src="img/lotus.jpg" alt="" title="Clinica Vitallis"></li>

</ul>
</div>

</div>

</div>
<div id="content_footer_portifolio">
<div id="footer">
<div id="footer_esquerda">
<ul id="menu">
<li><br />
<a href="orcamento.html">Fale conosco</a><br />

<a href="http://pt.wikipedia.org/wiki/AdWords">Google Adwords</a><br />

<a href="http://www.facebook.com/lucas.giovani.5245">Nosso facebook</a><br />
</li>
</ul>
</div>

<div id="footer_direita">
<br /><br />
<fontt>Todos os direitos reservados | Copyright 2013<br />
9177-0098<br /><br />

"Deus está na frente !"</fontt>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">