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.