Colorbox: funziona solo in locale

lucaeffe

Colorbox: funziona solo in locale

Ho utilizzato lo script colorbox nel mio portfolio:
http://www.lucaeffe.com/

Cliccando sul banner work si accede a quella che dovrebbe essere una slide di lavori composta da pagine .html contenute in una lista <ul> ognuna separata tramite <li>.

Colorbox

<script type="text/javascript" src="colorbox/js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="colorbox/js/jquery.colorbox.js"></script>
<script type="text/javascript"  src="colorbox/js/global.js"></script>
            <script type="text/javascript">
            $(document).ready(function(){

                $(".example7").colorbox({width:"100%", height:"100%", iframe:true});

                
                //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>

Lista <ul> per il richiamo alle pagine .html

 <div id="container">


          <div id="portfolio">
         <ul> 
      
       <li>
       <a class='example7' href="andy-ward.html">
       <img src="image/slider_gallery3.png" width="830" height="223"></a>
       </li>
       
       
       <li class="work_hidd"><a class='example7' href="andy-ward.html"></a></li>
       <li class="work_hidd"><a class='example7' href="andy-ward.html"></a></li>
       
       </ul>
          
          
          </div>
</div>

Nella pagina .html per lo slide (andy-ward.html in questo caso) ho richiamato gli stessi tre script e sistemato le foto in questa maniera


<body>

<div id="wrapper" style="width:840px; height:2000px; ">

<div class="project">
                <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375">
                <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375">
                <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375">
                <img src="colorbox/images/portfolio/andy-ward/1464201264678493.jpg" width="600" height="375">

</div>
                
                
<div id="about"></div>

</div>


</body>

In locale lo script funziona perfettamente ma hostato sul server quest' ultimo non riesce a richiamare le pagine .html nella slide

Non trovo l'errore speroqualcuno possa aiutarmi.
Grazie mille.