- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- problemi con Fancybox
-
Ciao
nessuna idea del problema ?
Bye...
-
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
-
Ciao
non è un problema di riferimenti delle immagini perché hanno tutte l'indirizzo assoluto.
Bye...
-
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.
-
Ciao
l'indirizzo assoluto identifica la posizione esatta della risorsa comunque ho provato anche con quello relativo correggendo il percorso ma non cambia.
Bye...
-
Puoi scrivere una porzione di codice su cui ragionare per favore?
-
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">
<!-- Prima colonna -->
<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...
-
Hai provato con il riferimento ../cartella ?
-
Ciao
si, ho riportato il percorso relativo con nome cartella(e) + nome immagine ma non va.
Grazie lo stesso.
Bye...
-
Ciao
nessun suggerimento sul da farsi ?.
Bye...