Galleria Immagini sito Parallax



Carosello immagini

Nella sezione immagini e stato usato lo slider bootstrap.
Maggiori dettagli sono visibili al sito Bootstrap

In particolare l'istruzione che segue:

<a class="fancybox " rel="group" href="immagini/viaggio/img1.jpg" style="cursor:pointer" width="750" height="550"><img src="immagini/viaggio/img1.jpg" alt="Image" class="img-responsive" style="width:300px;height:200px"></a>

Consente di utilizzare in primo piano l'immagine di dimensioni 300X200 px
Successivamente al click grazie all’uso di fancybox si ottiene una immagine a tutto schermo o ingrandita .

Fancybox richiede 2 file :

<script src="js/jquery.fancybox.js"></script>
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.5">

oltre al file di inizializzazione :

<script src="js/fancy.js"></script>

Che contiene le istruzioni :

$(document).ready(function() {
$(".fancybox").fancybox();
});



Area riservata e contatti

Le istruzioni contenute sono solo il codice html Possono trovati numerosi esempi al sito CodePen Per la parte PHP, possono essere usate le istruzioni alla parte TutorPHP.