Ciao a tutti, volevo chiedere il vostro aiuto su una pagina del sito che sto realizzando, ho inserito in alto come header uno slideshow di immagini e poi nella parte sottostante ho messo delle immagini che richiamano la lightbox. Ma se richiamo i file .js di entrambe non mi funzionano.
Sapreste dirmi come risolvere?

Ecco l'head della pagina:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>.: Residence Soprani :.</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link href="Style2.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<link rel="stylesheet" href="scripts/lightbox/css/lightbox.css" type="text/css" media="screen">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.72.js"></script>
<script src="scripts/lightbox/js/prototype.js" type="text/javascript"></script>
<script src="scripts/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="scripts/lightbox/js/lightbox.js" type="text/javascript"></script>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("div#header,ul#nav a","top");
Nifty("div#container,div#slide");
Nifty("div#residence1,div#residence2","same-height big");
Nifty("div#footer","small");
}

$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});


</script>
<script type="text/javascript" src="scripts/reflection.js"></script>
</head>

Vi prego aiutatemi...