Voici notre galerie, dans laquelle nous avons placé des photos de notre hébergement et des alentours. Nous allons ajouter plus de photos au cours des prochains mois.
En cliquant sur une les petites images pour chaque chambre, vous permettra de visualiser une version plus grande.
Vous pouvez également visionner un diaporama pour chaque chambre en cliquant sur les images plus grandes, afin de vraiment le gîte à son mieux.
Le salon
$('#slideshow3').cycle({
fx: 'fade',
speed: '4000',
timeout: 0,
pager: '#nav3',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#nav3 li:eq(' + idx + ') a';
}
$('#direct').click(function() {
$('#nav3 li:eq(2) a').trigger('click');
return false;
});
});
#slideshow3 { margin: 20px }
#nav3 { width: 300px; margin: 15px }
#nav3 li { width: 50px; float: left; margin: 8px; list-style: none }
#nav3 a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav3 a.activeSlide { background: #88f }
#nav3 a:focus { outline: none; }
#nav3 img { border: none; display: block }
|
|
La chambre Beatrice
$('#slideshow4').cycle({
fx: 'fade',
speed: '4000',
timeout: 0,
pager: '#nav4',
pagerAnchorBuilder: function(idx, slide) {
// return selector string for existing anchor
return '#nav4 li:eq(' + idx + ') a';
}
$('#direct').click(function() {
$('#nav4 li:eq(2) a').trigger('click');
return false;
});
});
#slideshow4 { margin: 20px }
#nav4 { width: 300px; margin: 15px }
#nav4 li { width: 50px; float: left; margin: 8px; list-style: none }
#nav4 a { width: 50px; padding: 3px; display: block; border: 1px solid #ccc; }
#nav4 a.activeSlide { background: #88f }
#nav4 a:focus { outline: none; }
#nav4 img { border: none; display: block }
|
