Salve a tutti, sto progettando un sito in html e ho riscontrato un problema...Vi spiego.
Sto usando vari javascript per ottenere vari effetti, da come potete leggere qui sotto ne ho: uno per lightform colorbox (per far aprire le img), uno per boxgrid (effetto sulle img) e infine uno per un effetto di fade in. Il problema è che il fade in e il boxgrid funzionano correttamente invece il colorbox non va! Come mai mi accade una cosa simile, ho usato lo stesso codice e impostazione in un altro sito e non accadeva!!
Se qualcuno potesse dare una letta veloce al codice e scoprire l'errore ne sarei felice..

codice:
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/text_style.css" rel="stylesheet" type="text/css" />
<link href="css/orbit-1.2.3.css" rel="stylesheet" type="text/css" />
<link href="css/photolist.css" rel="stylesheet" type="text/css" />
<link href="css/boxgrid.css" rel="stylesheet" type="text/css" />


<link media="screen" rel="stylesheet" href="css/colorbox.css" />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script src="js/jquery.colorbox.js"></script>
		<script>
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
				$("a[rel='example1']").colorbox();
				$("a[rel='example2']").colorbox({transition:"fade"});
				$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
				$("a[rel='example4']").colorbox({slideshow:true});
				$(".example5").colorbox();
				$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
				$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
				$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
				$(".example9").colorbox({
					onOpen:function(){ alert('onOpen: colorbox is about to open'); },
					onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
					onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
					onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
					onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
				});
				
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});
		</script>		



<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				//To switch directions up/down and left/right just place a "-" in front of the top/left attribute
				//Horizontal Sliding
				$('.boxgrid.slideright').hover(function(){
					$(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
				});
				//Diagnal Sliding
				$('.boxgrid.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'260px', left:'325px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Full Caption Sliding (Hidden to Visible)
				$('.boxgrid.captionfull').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'260px'},{queue:false,duration:160});
				});
				//Caption Sliding (Partially Hidden to Visible)
				$('.boxgrid.caption').hover(function(){
					$(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160});
				});
			});
		</script>


<script type='text/javascript' src='js/jquery.pack.js'></script>
<script type='text/javascript'>
$(function(){
	$(".photo-list a").hover(function(){
		$(this).children("span").fadeOut();
	}, function(){
		$(this).children("span").fadeIn();
	})		
});
</script>


<script src="js/typeface-0.15.js"></script>
<script src="js/opificio.typeface.js"></script>
<script src="js/helvetica.typeface.js"></script>


<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="js/jquery.orbit-1.2.3.js"></script>


		<script type="text/javascript">
			$(window).load(function() {
				$('#featured').orbit({
									animation: 'fade',		// fade, horizontal-slide, vertical-slide, horizontal-push
              						bullets: true,
			  						bulletThumbs:true,
          	  						bulletThumbLocation: 'images/orbit/'
         });
     });
</script>