Conflito de scripts

[Pedro Dias_134425 0]

Olá amigos,

Estou tendo um problema neste site estou tentando utilizar dois scripts jquery e não consigo.

Segue o site: http://rotadosoltur.com.br/site.php

 

O menu só funciona sem o slide de baixo. Quando eu tiro o codigo do slide, o menu volta a funfar.

 

 

Codigo do menu

 

 

<link href="jimgMenu.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script><script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>

<!--[if IE]>

<style type="text/css">.jimgMenu {position:relative;width:630px;height:200px;overflow:hidden;margin-left:20px;}</style>

<![endif]-->

<script type="text/javascript">

$(document).ready(function () {

// find the elements to be eased and hook the hover event

$('div.jimgMenu ul li a').hover(function() {

// if the element is currently being animated (to a easeOut)...

if ($(this).is(':animated')) {

$(this).stop().animate({width: "310px"}, {duration: 450, easing:"easeOutQuad"});

} else {

// ease in quickly

$(this).stop().animate({width: "310px"}, {duration: 400, easing:"easeOutQuad"});

}

}, function () {

// on hovering out, ease the element out

if ($(this).is(':animated')) {

$(this).stop().animate({width: "78px"}, {duration: 400, easing:"easeInOutQuad"})

} else {

// ease out slowly

$(this).stop('animated:').animate({width: "78px"}, {duration: 450, easing:"easeInOutQuad"});

}

});

});

</script>

 

 

Codigo do slide de fotos

 

<link type="text/css" href="../pikagalery/styles/left-without.css" rel="stylesheet" />

<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>

<script type="text/javascript" src="../pikagalery/lib/jquery.pikachoose.js"></script>

<script language="javascript">

$(document).ready(function (){

$("#pikame").PikaChoose();

});

</script>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

Desde já, obrigado.

 

[angelorubin 142]

Boa tarde,

 

Deve ser conflito entre bibliotecas, tente utilizar o jQuery.noConflict() - http://imasters.com.br/artigo/13871/jquery/evitando-conflitos-com-jquerynoconflict/

[William Bruno 1501]

@angelorubin, não existe conflito entre jQuery + jQuery.

 

Apenas importe a lib uma única vez em cima de tudo. O noConflict() existe para os casos em que vc vai usar jQuery + Motools, ou algo assim. E não duas iguais.

 

 

O erro do amigo do tópico foi não ter importado o jQuery antes do easing.

[Pedro Dias_134425 0]

Não entendi muito bem onde eu errei.

[William Bruno 1501]

isso aqui:

 

<script type="text/javascript" src=" https://ajax.googlea...y/1.6/jquery.js"></script>

 

é a lib jQuery. Coloque essa tag script em cima de tudo. Antes das outras tags script.

[Pedro Dias_134425 0]

Não foi. Só um jquery ficou funcionando. ai nesse caso ficou só o Menu .

[William Bruno 1501]

remova isso:

 

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