Conflits plusieurs code jquery

Bonjour a tous

j'ai besoin d'un coup de main sur du code js.

Le souci c'est que j'ai plusieurs codes js et cela ne fonctionne pas sur une des pages (qui a une lightbox en plus en fait!) c'est ce qui ne fonctionne pas et du coup les autres aussis!

voici le code js

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style_general.css" rel="stylesheet" type="text/css" />
<link href="css/scroll.css" rel="stylesheet" type="text/css" />
<link href="css/style_portfolio.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />

<style type="text/css">
#topcontrol {
	opacity: 3;
	z-index: 9000;
}
</style>
<script type="text/javascript"  src="scripts/lightbox/jquery.js"></script>
<script type="text/javascript"  src="scripts/lightbox/jquery.lightbox-0.5.js"></script>
<script type="text/javascript" src="scripts/scroll.js"></script>

<script type="text/javascript">     

//<![CDATA[     
		   
		   $(document).ready(function($){         
			$.noConflict();          
			
			$('#gal1 a').lightBox(); 
			
			$('div#footerBt').click(function() {         
			$('#footerContent').animate({"marginBottom": "-45px"}, "slow");         
			$(this).animate({"marginBottom": "-45px"}, "slow").animate({"marginBottom": "+5px"}, "fast");         
			$('#fotplug').hide('slow');         
			});          
			
			
				$('.boxgrid.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:350});
				}, function() {
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:600});
				});
				
				
				
				});     
		   //]]>     
           </script>

Et pour le html voici le code

<div class="services_cont">
      <div class="services_img"><img src="images/marlen.gif" alt="" width="149" height="149" /></div>
      <div class="services_text"> <b class="titre-port">Beauty</b><br />
        <br />
        <p>Salon de coiffure.p>
        <br />
        <p>blablabla içi mon texte p>
        <p><br />
                  <a href="#" target="_blank"> Visitez le site</a> | 
                  
                  <a href="images/img5.jpg" $('#gal1 a').lightBox();> Voir la galerie</a>
      <a href="galeries/reportage/Image24.jpg"   $('#gal1 a').lightBox();> </a>
      <a href="galeries/reportage/Image25.jpg"   $('#gal1 a').lightBox();></a></div>

      </div>

depuis que j'ai voulu mettre la lightbox plus rien ne fonctionne (seleument sur cette page car c'est la seul avec une lightbox)

si quelqu'un a une idée ??!

Merci a vous

Bonjour,

Je lis le code suivant:

<a href="galeries/reportage/Image24.jpg"   $('#gal1 a').lightBox();> </a>

Et là j'ai envie de demander:qu'est-ce que c'est que cette horreur? Depuis quand peut-on insérer du code JavaScript directement dans une balise HTML, sans autre forme de procès? Pas étonnant que ça ne marche pas...

Je recommanderais donc d'apprendre les bases de la syntaxe HTML, et quelques rudiments de JavaScript (quelles sont les manières d'inclure un script JS dans une page web, etc.).