problemi con Fancybox

antoniochronos

problemi con Fancybox

Ciao

ho un problema e non so se questa è l'area corretta comunque...
ho un sito all'interno del quale uso Fancybox per visualizzare una galleria di immagini. Quando sposto il file html dalla root del sito in una sotto cartella avendo cura di correggere il percorso dei file css e js nell'head del file le immagini non si vedono. Il problema è chiaramente legato alla Fancybox perché se risposto il file nella root e correggo i percorsi di cui sopra funziona regolarmente.
Dove sbaglio ?.
Bye..

antoniochronos

Ciao

nessuna idea del problema ?
Bye...

shad

Ciao pasqua62,
non so se il problema è quello che intendo, ma probabilmente il riferimento alle immagini da visualizzare è assoluto o inizia con uno /.

In tal caso basterà modificare la parte di codice relativa al riferimento delle immagini per adeguarda alla nuova disposizione dei file nel sito.

Saluti

antoniochronos

Ciao

non è un problema di riferimenti delle immagini perché hanno tutte l'indirizzo assoluto.
Bye...

shad

Appunto, se hanno l'indirizzo assoluto mi chiedevo se andasse corretto con la nuova posizione.

Altrimenti così alla cieca non mi viene in mente altro.

antoniochronos

Ciao

l'indirizzo assoluto identifica la posizione esatta della risorsa comunque ho provato anche con quello relativo correggendo il percorso ma non cambia.
Bye...

shad

Puoi scrivere una porzione di codice su cui ragionare per favore?

antoniochronos

Ciao

certamente..

nel file index.html (nella root) nell'head ci sono i riferimenti agli script:

<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/grid.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="stylesheet" href="css/camera.css" type="text/css">
<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css">

mentre per mostrare la foto nel punto desiderato uso il codice:

<div class="gallery">

<div class="gallery_col-1">
<a data-fancybox-group="gallery" href="images/galleria-fotografica/big/follonica-vista-del-litorale.jpg" class="gallery_item thumb lazy-img" style="padding-bottom: 74.13793103448276%;">
<img data-src="images/galleria-fotografica/small/follonica-vista-del-litorale.jpg" alt="">
<div class="gallery_overlay">
<div class="gallery_caption">
<p><em>Follonica</em></p>
<p style="text-align:justify;line-height:20px;">

                            </p>
                        </div>
                    </div>
                </a>
             
            </div>
            <!-- Seconda colonna -->
            <div class="gallery_col-2">
                <a data-fancybox-group="gallery" href="images/galleria-fotografica/big/panorama-montalcino.jpg" class="gallery_item thumb lazy-img" style="padding-bottom: 52.48322147651007%;">
                    <img data-src="images/galleria-fotografica/small/panorama-montalcino.jpg" alt="">
                    <div class="gallery_overlay">
                        <div class="gallery_caption">
                            <p><em>Follonica</em></p>
                            <p style="text-align:justify;line-height:20px;">
                            
                            </p>
                        </div>
                    </div>
                </a>
               
            </div>
            <!-- Terza colonna -->
            <div class="gallery_col-3">
                <a data-fancybox-group="gallery" href="images/galleria-fotografica/big/pitigliano.jpg" class="gallery_item thumb lazy-img" style="padding-bottom: 93.69676320272572%;">
                    <img data-src="images/galleria-fotografica/small/pitigliano.jpg" alt="">
                    <div class="gallery_overlay">
                        <div class="gallery_caption">
                            <p><em>Pitigliano</em></p>
                            <p style="text-align:justify;line-height:20px;">
                            
                            </p>
                        </div>
                    </div>
                </a>
            </div>
  </div>

se sposto il file dalla root nella sotto cartella di nome Contatti e cambio i riferimenti sia nell'head che nelle foto la pagina non va.
Dove sbaglio ?
Grazie.
Bye...

jacko.s.websolutions

Hai provato con il riferimento ../cartella ?

antoniochronos

Ciao

si, ho riportato il percorso relativo con nome cartella(e) + nome immagine ma non va.
Grazie lo stesso.
Bye...

antoniochronos

Ciao

nessun suggerimento sul da farsi ?.
Bye...