JQuery animate+ jQuery lightBox = FAIL?

[Wingdings 20]

    <!-- Arquivos utilizados pelo jQuery lightBox plugin -->
   <script type="text/javascript" src="js/jquery.js"></script>
   <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
   <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
   <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->

   <!-- Ativando o jQuery lightBox plugin -->
   <script type="text/javascript">
   $(function() {
       $('#gallery a').lightBox();
   });
   </script>




<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$('.anim').mouseover(function(){
	$(this).stop().animate({"height":"180px", "width":"180px"},600);
});
$('.anim').mouseout(function(){
	$(this).stop().animate({"height":"150px", "width":"150px"},300);
});
});
</script>

 

Na pagina tem:

1 imagem, que ao clicar nela abre o efeito do lightbox

Varias imagens que ao passar o mouse emcima a imagem cresce.

 

Os dois funcionam, com uma condição:

Ou um ou outro -.-'

 

Se eu tirar essa linha:

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

 

funciona os 2, mas da um bugzinho na animação,

a imagem cresce e diminui certinho, porem, ela tem como padrao um align center

e quando ela cresce ela pega align left, o que nao iria ficar nada legal no site neh...

 

Se alguem ja passou por algo parecido e conseguiu arrumar, por favor compartilhe :thumbsup:

[William Bruno 1501]

você tem q remover essa linha mesmo:

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

 

e para corrigir o bug do aling center, você tem q compensar o crescimento com css, alterando tb a margin do elemento.

[Wingdings 20]

é entao vou brigar com o css um pouco... :P