Greybox problema richiamo immagini

lucaeffe

Greybox problema richiamo immagini

Ho scaricato lo script Greybox
http://orangoo.com/labs/GreyBox/

Ho provato a trasferirlo nella mia pagina index.html ma non riesco a richiamare il sito da lanciare e le immagini close, next e previous.
Con Firebug si intuisce che le immagini sono dentro l'html ma non capisco dove

Qui la mia pagina html con lo script greybox
http://www.lucaeffe.com/


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
    <script type="text/javascript">
        var GB_ROOT_DIR = "./greybox/";
    </script>
    <script type="text/javascript" src="GreyBox_v5_54/GreyBox_v5_54/greybox/AJS.js"></script>
    <script type="text/javascript" src="GreyBox_v5_54/GreyBox_v5_54/greybox/AJS_fx.js"></script>
    <script type="text/javascript" src="GreyBox_v5_54/GreyBox_v5_54/greybox/gb_scripts.js"></script>
    
    <link  href="GreyBox_v5_54/GreyBox_v5_54/greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
    
    <script type="text/javascript" src="GreyBox_v5_54/GreyBox_v5_54/static_files/help.js"></script>
    
    <link  href="GreyBox_v5_54/GreyBox_v5_54/static_files/help.css" rel="stylesheet" type="text/css" media="all" />


<link href="index.CSS" rel="stylesheet" type="text/css" />
<link href="widget.css" type="text/css" rel="stylesheet" />
<link href="form_footer.css" rel="stylesheet" type="text/css" media="screen"/>







<script src="blogger.js"></script>
<script src="http[Luca_effe].json?callback=twitterCallback&amp;count=1"></script>

    
    <meta http-equiv="Content-Language" content="en-us">

    <meta name="author" content="Engage Interactive">

    <meta http-equiv="X-UA-Compatible" content="IE=8">










    








</style>


<!--[if IE]>
<style type="text/css">




#navigation_quick li a:hover
{
    background-image:url(IMAGE/navigation2.png);
    background-repeat:no-repeat;
    margin:5px 25px 0 35px ;
    position:relative;
    outline:none;
}
 {
    position:absolute;
    left:610px;
    top:330px;
    display: block;
    width: 555px;
    height: 93px;
    background:url(IMAGE/navigation2.png) left top no-repeat;

}    


#navigation {
    left:400px;
    top:-490px;
    width:500px;


}

 li a:hover
{
    margin:0 0 0 45px;
}


</style>
<![endif]-->





</head>

<body>


<div id="header"></div>

<div id="quick2">
<ul class="navigation_quick">
            <li class="illustrazioni"><a href="gallery_illustrazioni.html"></a></li>
            <li class="web"><a href="web_design.html"></a></li>
            <li class="advertising"><a href="logo.html"></a></li>
            <li class="preventivi"><a href="form.html"></a></li>

</ul>
</div>


 <div id="container">

<h3>Website gallery</h3>
<ul>
    <li>
        <a href="http://google.com/" title="Google" rel="gb_pageset[search_sites]">Launch Google search</a>
    </li>
    <li>
        <a href="http://search.yahoo.com/" rel="gb_pageset[search_sites]">Launch Yahoo search</a>
    </li>
    <li>
        <a href="http://www.koders.com/" rel="gb_pageset[search_sites]">Launch Koders search</a>
    </li>
</ul>

</div>
                




  <div id="footer">
  
  <div id="twitter_div">
<div id="rett"></div>
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
</div>

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Luca_effe.json?callback=twitterCallback2&amp;count=1"></script>

  

  
<div id="quick">
<ul class="navigation_quick">
            <li class="illustrazioni"><a href="gallery_illustrazioni.html"></a></li>
            <li class="web"><a href="web_design.html"></a></li>
            <li class="advertising"><a href="logo.html"></a></li>
            <li class="preventivi"><a href="form.html"></a></li>

</ul>
<ul class="social">
            <li class="facebook"><a href="gallery_illustrazioni.html"></a></li>
            <li class="twitter"><a href="gallery_illustrazioni.html"></a></li>
            <li class="flickr"><a href="gallery_illustrazioni.html"></a></li>
            <li class="behance"><a href="gallery_illustrazioni.html"></a></li>
            


</ul>

</div>


</div>
</body>
</html>

marcocarrieri

Se non ricordo male (se ricordo male invece chiedo scusa) bisogna indicare il path anche nel file javascript della galleria?

lucaeffe

Sono riuscito a risolvere in questo momento.
La thread puo considerarsi risolta.
Grazie mille comunque.

lucaeffe

Ciao, forse puoi aiutarmi.
Se dai un occhiata a questo sito
http://www.lucaeffe.com/
entrando nello script greybox tramite il link appena in basso "Launch Google search" puoi vedere che ho fatto alcune modifiche allo script.

Non riesco per a fare delle modifiche che penso potrei riuscire a fare accedendo a delle righe di codice dello script che non trovo.
Nell'immagine qui sotto ho selezionato tramite firebu la prima delle tre righe di codice alla quale vorrei accedere per modificarle.
-GB_overlay
-GB_header
-GB_window

Spero tu possa aiutarmi a capirci qualcosa.
Grazie.

lucaeffe

Ho dovuto cancellare e reinstallare greybox.
Lo script funziona ma non riesco a visualizzare le frecce PREV,NEXT e CLOSE.
Non riesco a capirne il motivo.

Posto il codice html.
Ho lasciato tutto invariato
Chi è cosi gentile da aiutarmi nel caso sapesse la soluzione?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lucaeffe</title>



    <script type="text/javascript">
        var GB_ROOT_DIR = "./greybox/"
    </script>

    <script type="text/javascript"  src="GreyBox_v5_54/GreyBox_v5_54/greybox/AJS.js"></script>
    <script type="text/javascript"  src="GreyBox_v5_54/GreyBox_v5_54/greybox/AJS_fx.js"></script>
    <script type="text/javascript"  src="GreyBox_v5_54/GreyBox_v5_54/greybox/gb_scripts.js"></script>
    <link  href="GreyBox_v5_54/GreyBox_v5_54/greybox/gb_styles.css"rel="stylesheet" type="text/css" media="all" />

    <script type="text/javascript" src="static_files/help.js"></script>
    <link  href="GreyBox_v5_54/GreyBox_v5_54/static_files/help.css" rel="stylesheet" type="text/css" media="all" />


<script>
    insertHeader();
    insertMenu('examples');
</script>



<link href="index.CSS" rel="stylesheet" type="text/css" />
<link href="widget.css" type="text/css" rel="stylesheet" />
<link href="form_footer.css" rel="stylesheet" type="text/css" media="screen"/>







<script src="blogger.js"></script>
<script src="http[Luca_effe].json?callback=twitterCallback&amp;count=1"></script>

    
    <meta http-equiv="Content-Language" content="en-us">

    <meta name="author" content="Engage Interactive">

    <meta http-equiv="X-UA-Compatible" content="IE=8">










    








</style>


<!--[if IE]>
<style type="text/css">




#navigation_quick li a:hover
{
    background-image:url(IMAGE/navigation2.png);
    background-repeat:no-repeat;
    margin:5px 25px 0 35px ;
    position:relative;
    outline:none;
}
 {
    position:absolute;
    left:610px;
    top:330px;
    display: block;
    width: 555px;
    height: 93px;
    background:url(IMAGE/navigation2.png) left top no-repeat;

}    


#navigation {
    left:400px;
    top:-490px;
    width:500px;


}

 li a:hover
{
    margin:0 0 0 45px;
}


</style>
<![endif]-->





</head>

<body>


<div id="header"></div>

<div id="quick2">
<ul class="navigation_quick">
            <li class="illustrazioni"><a href="gallery_illustrazioni.html"></a></li>
            <li class="web"><a href="web_design.html"></a></li>
            <li class="advertising"><a href="logo.html"></a></li>
            <li class="preventivi"><a href="form.html"></a></li>

</ul>
</div>


 <div id="container">


<h3>Website gallery</h3>
<ul>
    <li>
        <a href="http://google.com/" title="Google" rel="gb_pageset[search_sites]">Launch Google search</a>
    </li>
    <li>
        <a href="http://search.yahoo.com/" rel="gb_pageset[search_sites]">Launch Yahoo search</a>
    </li>
    <li>
        <a href="http://www.koders.com/" rel="gb_pageset[search_sites]">Launch Koders search</a>
    </li>
</ul>



</div>


</div>

                




  <div id="footer">
  
  <div id="twitter_div">
<div id="rett"></div>
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
</div>

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Luca_effe.json?callback=twitterCallback2&amp;count=1"></script>

  

  
<div id="quick">
<ul class="navigation_quick">
            <li class="illustrazioni"><a href="gallery_illustrazioni.html"></a></li>
            <li class="web"><a href="web_design.html"></a></li>
            <li class="advertising"><a href="logo.html"></a></li>
            <li class="preventivi"><a href="form.html"></a></li>

</ul>
<ul class="social">
            <li class="facebook"><a href="gallery_illustrazioni.html"></a></li>
            <li class="twitter"><a href="gallery_illustrazioni.html"></a></li>
            <li class="flickr"><a href="gallery_illustrazioni.html"></a></li>
            <li class="behance"><a href="gallery_illustrazioni.html"></a></li>
            


</ul>

</div>


</div>
</body>
</html>